/*
*   Woocommerce review order grid styles
*/
.review-order-header,
.review-order-item,
.review-order-footer > div {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 10px;
    width: 100%;
    padding: 10px 0;
}

.review-order-header,
.review-order-footer > div {
	border-bottom: 1px solid #ccc;
}

.review-order-header {
    font-weight: bold;
}

.product-name {
    grid-column: 1;
}

.review-order-item.cart_item .product-name .item-name a,
.review-order-item.cart_item .product-quantity {
	font-size: 15px;
}

.product-total {
    grid-column: 2;
    text-align: right;
}

.review-order-footer > div {
    grid-column: span 2;
}

.review-order-footer > div > div:first-child {
    grid-column: 1;
}

.review-order-footer > div > div:last-child {
    grid-column: 2;
    text-align: right;
}

.review-order-item.cart_item dl.variation {
	display: grid;
    grid-template-columns: auto 1fr;
}

.review-order-item.cart_item dl.variation dd.variation- {
	margin: 0 0 0 10px;
}

.review-order-item.cart_item dl.variation dt.variation-,
.review-order-item.cart_item dl.variation dd p {
	font-size: 15px;
}

.woocommerce a.remove {
	background: #fff;
}

.woocommerce-checkout-review-order .cart-item-subtotal-image {
	position: relative;
}

.woocommerce-checkout-review-order .remove-item-link {
	display: flex;
	justify-content: end;
	margin-bottom: 10px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.review-order-item-footer {
    display: flex;
    align-items: center;
	border-bottom: 1px solid #ccc;
}

.review-order-item-footer .product-quantity {
    flex: 1;
}

@media (max-width: 768px) {
    .review-order-header,
    .review-order-footer > div {
        grid-template-columns: 1fr;
    }

    .product-total {
        margin-top: 5px;
    }

    .review-order-header .product-total {
        display: none;
    }
	
	.review-order-item.cart_item {
        display: flex;
        flex-direction: column-reverse;
    }
}

.kb-sku-copy .wp-block-kadence-icon {
    cursor: pointer;
}

.kb-sku-tooltip {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #f8f8f8;
    border-radius: 3px;
    font-size: 12px;
    color: #333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

/* Скрываю кнопку корзины */
.woocommerce-mini-cart__buttons .button.wc-forward {
    display: none;
}

.woocommerce-mini-cart__buttons .button.checkout.wc-forward {
    display: inline-block;
}

/* Результаты поиска */
#search-drawer .drawer-inner .drawer-content {
    flex-direction: column;
}

#search-drawer .drawer-inner .drawer-content .search__results {
    position: relative;
    display: none;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

#search-drawer .drawer-inner .drawer-content .search__results.active {
    display: block;
}

#search-drawer .drawer-inner .drawer-content .search__results-inner {
    position: absolute;
    width: 100%;
    padding: 0.7rem;
    background: #fff;
}

/* Старые стили результатов поиска - заменены на новые ниже */

.result__products-item .result__item-title {
    margin-right: 15px;
}

.result__products-item .result__item-info {
    display: flex;
    flex-direction: column;
}

.search__all a {
    display: block;
    padding: 0.6em 1em;
    background-color: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    -webkit-font-smoothing: antialiased;
    text-align: center;
    text-decoration: none;
}

.search__all a:hover {
    background-color: var(--global-palette-btn-bg-hover);
    color: var(--global-palette-btn-hover);
}

.search-noresults {
    color: #333;
}

@media (max-width: 576px) {
    body #search-drawer .drawer-inner .drawer-content {
        display: flex;
        justify-content: start;
        align-items: center;
        position: absolute;
        top: 1em;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2em;
    }
}

/* Модификация  */
.kadence-sticky-add-to-cart-title-wrap .kadence-sticky-add-to-cart-title {
    display: none;
}

.kadence-sticky-add-to-cart-action-wrap .kt-variation-label {
    display: none;
}

.kadence-sticky-add-to-cart-action-wrap .kt-radio-variation-container {
    display: none;
}

.kadence-sticky-add-to-cart-action-wrap .quantity {
    display: none;
}

.kadence-sticky-add-to-cart .no-matches {
    display: none !important;
}

.d-none {
    display: none !important;
}

/* ======================================================
   КВАДРАТНЫЕ ИЗОБРАЖЕНИЯ ТОВАРОВ В СПИСКАХ
   ====================================================== */

/* 1. Архивы товаров и каталог - основные изображения */
.woocommerce .products .product .woocommerce-loop-product__link {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
}

.woocommerce .products .product .woocommerce-loop-product__link img,
.woocommerce .products .product .wp-post-image,
.woocommerce .products .product .attachment-woocommerce_thumbnail,
.woocommerce .products .product .attachment-shop_catalog {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* Вписывается без обрезки */
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 2. Вторичные изображения при hover (если включены в теме) */
.woocommerce .products .product .secondary-product-image,
.woocommerce .products .product .wp-post-image--secondary {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 3. Похожие товары (related products) */
.related.products .splide__slide .product .woocommerce-LoopProduct-link,
.related.products .product .woocommerce-loop-product__link {
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
}

.related.products .splide__slide .product .attachment-woocommerce_thumbnail,
.related.products .splide__slide .product .wp-post-image,
.related.products .product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 4. Up-sells и Cross-sells */
.woocommerce .up-sells .products .product .woocommerce-loop-product__link,
.woocommerce .cross-sells .products .product .woocommerce-loop-product__link {
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
}

.woocommerce .up-sells .products .product img,
.woocommerce .cross-sells .products .product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* 5. Результаты поиска - обновленные стили */
.result__products-item {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
    color: var(--global-palette5) !important;
    min-height: 100px !important; /* Обеспечиваем минимальную высоту */
}

.result__products-item:hover {
    color: var(--global-palette-highlight) !important;
}

.result__products-item img {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important; /* Обеспечиваем минимальную ширину */
    min-height: 100px !important; /* Обеспечиваем минимальную высоту */
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important; /* Изменено с cover на contain */
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    display: block !important; /* Принудительно block display */
}

/* 6. Результаты поиска в AJAX - исправленная структура */
.search-results-products a {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 10px !important;
    text-decoration: none !important;
    color: var(--global-palette5) !important;
    min-height: 80px !important; /* Обеспечиваем минимальную высоту */
}

.search-results-products a img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important; /* Обеспечиваем минимальную ширину */
    min-height: 80px !important; /* Обеспечиваем минимальную высоту */
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
    display: block !important; /* Принудительно block display */
}

/* 7. Виджеты товаров */
.widget_products .product-item img,
.widget_recently_viewed_products img,
.widget_top_rated_products img {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
}

/* 8. Корзина и checkout - миниатюры товаров */
.woocommerce-cart .cart-item img,
.woocommerce-checkout .cart-item img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.shop_table img {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    width: 60px !important;
    height: 60px !important;
}

/* 9. Мини-корзина */
.woocommerce-mini-cart-item img {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    width: 50px !important;
    height: 50px !important;
}

/* 10. Архивы категорий с grid-ss-col-2 классом (включая поиск) */
.grid-ss-col-2.products .product .woocommerce-loop-product__link,
.woocommerce .grid-ss-col-2.products .product .woocommerce-loop-product__link {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

.grid-ss-col-2.products .product img,
.woocommerce .grid-ss-col-2.products .product img,
.grid-ss-col-2.products .product .wp-post-image,
.woocommerce .grid-ss-col-2.products .product .wp-post-image,
.grid-ss-col-2.products .product .attachment-woocommerce_thumbnail,
.woocommerce .grid-ss-col-2.products .product .attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* 11. Страница результатов поиска - специфичные селекторы */
body.search .woocommerce .products .product .woocommerce-loop-product__link,
body.search-results .woocommerce .products .product .woocommerce-loop-product__link,
.search-archive .woocommerce .products .product .woocommerce-loop-product__link {
    display: block !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
}

body.search .woocommerce .products .product img,
body.search-results .woocommerce .products .product img,
.search-archive .woocommerce .products .product img,
body.search .woocommerce .products .product .wp-post-image,
body.search-results .woocommerce .products .product .wp-post-image,
.search-archive .woocommerce .products .product .wp-post-image,
body.search .woocommerce .products .product .attachment-woocommerce_thumbnail,
body.search-results .woocommerce .products .product .attachment-woocommerce_thumbnail,
.search-archive .woocommerce .products .product .attachment-woocommerce_thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* 12. Дополнительные селекторы для результатов поиска (универсальные) */
#search-drawer .result__products-item,
.search__results .result__products-item,
.search-results-wrapper .result__products-item {
    display: flex !important;
    align-items: center !important;
    min-height: 100px !important;
}

#search-drawer .result__products-item img,
.search__results .result__products-item img,
.search-results-wrapper .result__products-item img,
.search-results-wrapper .search-results-products img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
    margin-right: 10px !important;
}

/* 13. Точная структура для результатов поиска Kadence */
body.search .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
body.search-results .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
.search-archive .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
body.search .kadence-posts-list .entry-list-item .post-thumbnail,
body.search-results .kadence-posts-list .entry-list-item .post-thumbnail {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

body.search .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail img,
body.search-results .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail img,
.search-archive .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail img,
body.search .kadence-posts-list .entry-list-item .post-thumbnail img,
body.search-results .kadence-posts-list .entry-list-item .post-thumbnail img,
body.search .content-wrap.kadence-posts-list .entry-list-item .wp-post-image,
body.search-results .content-wrap.kadence-posts-list .entry-list-item .wp-post-image,
.search-archive .content-wrap.kadence-posts-list .entry-list-item .wp-post-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* 14. Усиленные селекторы для обычного WooCommerce архива на странице поиска (fallback) */
body.search .woocommerce ul.products li.product a,
body.search-results .woocommerce ul.products li.product a,
body.search .entry-content .woocommerce ul.products li.product a {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

body.search .woocommerce ul.products li.product a img,
body.search-results .woocommerce ul.products li.product a img,
body.search .entry-content .woocommerce ul.products li.product a img,
body.search .woocommerce ul.products li.product img,
body.search-results .woocommerce ul.products li.product img,
body.search .entry-content .woocommerce ul.products li.product img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* 15. Дополнительные селекторы с учетом всех классов из примера */
body.search-results .grid-ss-col-2.products .entry-list-item .post-thumbnail,
body.search .grid-ss-col-2.products .entry-list-item .post-thumbnail,
.search-archive.grid-ss-col-2.products .entry-list-item .post-thumbnail,
.content-wrap.search-archive.grid-ss-col-2 .entry-list-item .post-thumbnail {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

body.search-results .grid-ss-col-2.products .entry-list-item .post-thumbnail img,
body.search .grid-ss-col-2.products .entry-list-item .post-thumbnail img,
.search-archive.grid-ss-col-2.products .entry-list-item .post-thumbnail img,
.content-wrap.search-archive.grid-ss-col-2 .entry-list-item .post-thumbnail img,
body.search-results .grid-ss-col-2.products .entry-list-item .wp-post-image,
body.search .grid-ss-col-2.products .entry-list-item .wp-post-image,
.search-archive.grid-ss-col-2.products .entry-list-item .wp-post-image,
.content-wrap.search-archive.grid-ss-col-2 .entry-list-item .wp-post-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}

/* ======================================================
   АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ
   ====================================================== */

@media (max-width: 768px) {
    /* Уменьшаем изображения в результатах поиска на мобильных */
    .result__products-item img {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        min-height: 70px !important;
    }
    
    .search-results-products a img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    /* Универсальные селекторы для мобильных */
    #search-drawer .result__products-item img,
    .search__results .result__products-item img,
    .search-results-wrapper .result__products-item img,
    .search-results-wrapper .search-results-products img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    /* Корзина на мобильных */
    .woocommerce-cart .cart-item img,
    .woocommerce-checkout .cart-item img {
        width: 50px !important;
        height: 50px !important;
    }
    
    /* Страница поиска адаптивность - сохраняем квадратную форму */
    body.search .woocommerce .products .product .woocommerce-loop-product__link,
    body.search-results .woocommerce .products .product .woocommerce-loop-product__link,
    body.search .woocommerce ul.products li.product a,
    body.search-results .woocommerce ul.products li.product a,
    body.search .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
    body.search-results .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
    body.search .grid-ss-col-2.products .entry-list-item .post-thumbnail,
    body.search-results .grid-ss-col-2.products .entry-list-item .post-thumbnail {
        aspect-ratio: 1 / 1 !important;
    }
}

@media (max-width: 576px) {
    /* Еще более компактные изображения на очень маленьких экранах */
    .result__products-item img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    /* Универсальные селекторы для очень маленьких экранов */
    #search-drawer .result__products-item img,
    .search__results .result__products-item img,
    .search-results-wrapper .result__products-item img,
    .search-results-wrapper .search-results-products img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
    }
    
    .woocommerce-mini-cart-item img {
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Страница поиска адаптивность для малых экранов */
    body.search .woocommerce .products .product .woocommerce-loop-product__link,
    body.search-results .woocommerce .products .product .woocommerce-loop-product__link,
    body.search .woocommerce ul.products li.product a,
    body.search-results .woocommerce ul.products li.product a,
    body.search .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
    body.search-results .content-wrap.kadence-posts-list .entry-list-item .post-thumbnail,
    body.search .grid-ss-col-2.products .entry-list-item .post-thumbnail,
    body.search-results .grid-ss-col-2.products .entry-list-item .post-thumbnail {
        aspect-ratio: 1 / 1 !important;
    }
}