/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* Ваш CSS нижче */
/* Розширюємо контейнер віджета Astra */
.ast-header-woo-cart-widget-area, 
.header-widget-area-inner,
.ast-header-widget-area {
    width: 100% !important;
    flex: 1 !important;
}

/* Робимо пошук WooCommerce максимально широким */
.header-widget-area[data-section="section-hb-widget-1"] {
    width: 100% !important;
    max-width: 100% !important;
}

.header-widget-area[data-section="section-hb-widget-1"] .woocommerce-product-search {
    display: flex !important;
    width: 100% !important;
    max-width: 800px !important; /* Тут регулюйте фінальну ширину */
    margin: 0 auto !important;
}

.header-widget-area[data-section="section-hb-widget-1"] .woocommerce-product-search input[type="search"] {
    flex: 1 !important; /* Заповнює весь простір */
    height: 55px !important;
    font-size: 18px !important;
}
/* Універсальне вирівнювання для будь-якого пошуку в Astra Header */
.ast-header-widget-area form, 
.header-widget-area form {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

.ast-header-widget-area input[type="search"],
.header-widget-area input[type="search"] {
    flex-grow: 1 !important;
    border: none !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 20px !important;
}

.ast-header-widget-area button,
.header-widget-area button {
    height: 50px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 25px !important;
}
/* 5 category buttons in one vertical container (Woo blocks) */
.wc-block-product-categories > ul{
 list-style:none;
 margin:0;
 padding:0;
}

.wc-block-product-categories > ul > li{
 margin:0 0 0px; 
}
.wc-block-product-categories > ul > li:last-child{
 margin-bottom:0;
}

.wc-block-product-categories > ul > li > a{
 display:block;
 width:100%;
 padding:14px 18px;
 border-radius:0px;
 border:0px solid #e9eef5;
 background:#fff;
 font-weight:600;
 line-height:1.2;
 text-decoration:none;
 min-height:56px;
}
.wc-block-product-categories > ul > li > a:hover{
 background:#f3f6fb;
 border-color:#d9e3f1;
}
.wc-block-product-categories ul ul{display:none;}
/* Subcategories on category page: text list */
.woocommerce ul.products > li.product-category.product{
 width:100% !important;
 margin:0 0 10px !important;
}

.woocommerce ul.products > li.product-category.product img{
 display:none !important;
}

.woocommerce ul.products > li.product-category.product a{
 display:block;
 padding: 10px 0;
 text-decoration:none;
 border-bottom:10px solid #f1f4f8;
}

/* Divider before first product item */
.woocommerce ul.products > li.product-category.product:last-of-type{
 padding-bottom:18px;
 margin-bottom:18px !important;
 border-bottom:1px solid #e9eef5;
}

/* Ensure normal grid for products */
.woocommerce ul.products > li.product:not(.product-category){
 clear:none;
}
/* Прибрати полоси/розділювачі у плитках підрубрик */
.woocommerce.archive li.product-category,
.woocommerce.archive li.product-category a{
 border: 0 !important;
 box-shadow: none !important;
 background: transparent !important;
}

/* Сітка підрубрик без втручання в товари */
.woocommerce.archive li.product-category{
 display: inline-block;
 vertical-align: top;
 width: calc(33.333% - 16px);
 margin: 0 16px 16px 0 !important;
}
@media (max-width: 900px){ .woocommerce.archive li.product-category{ width: calc(50% - 16px); } }
@media (max-width: 520px){ .woocommerce.archive li.product-category{ width: 100%; margin-right: 0 !important; } }
/* Приховати видимість лічильника в підрубриках */
.woocommerce.archive li.product-category .count{
 opacity: 0 !important;
 font-size: 0px !important;
 display: inline !important;
 visibility: visible !important;
}
/* Текст/назва підрубрики при наведенні  */
.woocommerce ul.products li.product-category a,
.woocommerce ul.products li.product-category a .woocommerce-loop-category__title{
 color:#111827;
}

.woocommerce ul.products li.product-category a:hover,
.woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title{
 color:#5D7A8C !important; /* колір тексту при наведенні */
}
/* Назва товару: рівно 2 рядки на вітрині */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
 overflow: hidden;
 line-height: 1.25em;
 height: 2.5em; /* 2 рядки */
}
.wp-block-woocommerce-product-categories .wc-block-product-categories-list--depth-1,
.wp-block-woocommerce-product-categories .wc-block-product-categories-list-item--depth-1 {
  display: none !important;
}