/*
 Theme Name:   Woostify Child
 Template:     woostify
*/


/* РЕДАНУВАННЯ БЛОГУ*/
/* Зробила Заголовки по лівому краю*/
.blog-layout-grid .site-main .post-loop {
    margin-bottom: 75px;
    padding-bottom: 0;
    border-bottom: 0;
    background-color: #fff;
    text-align: left;
}

/* Прибрала радіус на кнопці пошуку на сторінці САЙДБАР Блогу */
.search-form .search-field, .woocommerce-product-search .search-field {
    background-color: #eeeeec;
    border-radius: 0px;
}

/* Прибрала зайвий відступ у опису з лівої сторони під назвою статті */
.blog-layout-grid .site-main .summary-text {
    padding: 0 20px 20px 0px;
}

/* На картці однієї статті Назву статті поміняла font-weight с 300px на 600px */
.single-post .entry-title
 {
    font-weight: 600;
}

/* На картці однієї статті у Сайдбарі заголовок Product categories поміняла font-weight с 300px на 500px */
.widget-title, .widgettitle {
    font-weight: 500;
    margin-bottom: 20px;
}

/* На картці однієї статті у Сайтбарі заголовок Related Posts поміняла font-weight на 600px та збільшила шрифт на 24px/ Всі зміни також відобразились у категоріях фільтах тегах у магазині */
.related-box .related-title {
    font-size: 24px;
    font-weight: 500;  
}

/*Зменшила жирність шрифта у словах, які виделяю жирним, там за мовчанням було 700 Це глобально буде на всьому сайті. У графічному редакторі та у Гутенберг */

strong, b {
    font-weight:600; 
}

/* У Блогу "read me" зробила тонким шрифтом, але не вдалось видалити підкреслення */
.blog-layout-grid .site-main .post-read-more {
    font-weight: 400;
	text-decoration: none;
}
/* Блог. В картці однієї статті збільшила відступ після всього тексту до низу в Білій обгортці */
.single-post .site-main .post-loop {
    padding-bottom: 10px;
}

/* БІЛА ОБГОРТКА Стилізація статей у блозі */
article.post, .post-item, .blog-post {
    background-color: #ffffff; /* Білий фон */
    padding: 20px; /* Внутрішні відступи */
    border-radius: 0px; /* Заокруглення кутів */
    margin-bottom: 25px; /* Відступ між статтями */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Легка тінь */
}

/*БЛОГ Вірівнюємо всі картки по висоті*/
.blog-layout-grid .site-main {
    display: flex
;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}


/* ПРИХОВУЄМО БАНЕР Page Header та прибираємо відступи на ГОЛОВНІЙ сторінці */
.home.page-id-1397 .page-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ПРИХОВУЄМО БАНЕР Page Header та прибираємо відступи на сторінці КОНТАКТИ */
.page-id-846 .page-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*Змінила колір білої лінії після Header на полупрозорий*/
.site-header-inner {
    border-bottom: 1px solid #ffffff3d;
}

/*РЕДАГУЄМО FOOTER*/

/*РЕДАГУЄМО МАГАЗИН*/
/* Код для сайдбару магазину (БІЛА ОБГОРТКА залишаємо його білим) */
#secondary .widget,
#secondary .woocommerce-filter {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 1px;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* Код для карток товарів (БІЛА ОБГОРТКА залишаємо білим) */
.products li.product {
    background-color: #ffffff;
    padding:15px;
    border-radius: 0px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

/* В картці одного товару після опису "Related Products" збільшила розмір шрифту та зробила більш жирним*/
.related > h2, .up-sells > h2, .woostify-product-recently-viewed-section > h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    padding: 25px 0;
}
/* В картці одного товару в розділі опису "Description, Additional, Reviews" прибрала відступи на плашці та встановила світло сірий колір */
.woocommerce-tabs .tabs {
    margin: 0;
    text-align: center;
    background-color: #F8F8F8;
    padding: 20px;
}
/* В картці одного товару в розділі опису "Description, Additional, Reviews" зробила білу оболонку */
.woocommerce-tabs.wc-tabs-wrapper {
    background-color: #ffffff;
    padding: 0px 0; 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-top: 50px;

}

/* Додатково: Забезпечити, що вміст всередині вкладок має достатній відступ */
/*.woocommerce-tabs-wrapper .woocommerce-Tabs-panel {
    padding: 20px;
}*/
 
/* Стилізація розділу вкладок товару (Description, Additional Information, Reviews) */

@media (max-width: 768px) {
    /* Додаємо внутрішні відступи до вмісту вкладок на мобільних пристроях */
    .woocommerce-Tabs-panel {
        padding-left: 15px !important; /* Відступ зліва */
        padding-right: 15px !important; /* Відступ справа */
    }