/*
Theme Name: Blocksy Child
Template: blocksy
Author: Creative Themes
Description: Blocksy Child theme
Version: 1.0.1726579636
Updated: 2024-09-17 16:27:16

*/
a.ct-menu-link:hover {
    text-decoration: underline;
}

.sub-menu>li {
    padding: var(--columns-padding, 4px 30px) !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.sub-menu>li {
    padding: var(--columns-padding, 0 30px) !important;
}
}

.hover-card .wp-block-kadence-advancedheading{
    transition: all .2s ease-in-out;
}

.hover-card:hover .wp-block-kadence-advancedheading {
    transform: translateY(-10px);
}

.text-red > a{
    color: rgb(235, 34, 77) !important;
}

/* Перенос пунктов меню */
.header-menu-1 #menu-main-menu {
    flex-wrap: wrap !important;
}

 /* Переключение картинки в карточка товара */
img.swap-image.wp-post-image {
    position: absolute;
    aspect-ratio: 3 / 4;
    z-index: -1;
    object-fit: cover;
}

 .swap-image {
     pointer-events: none;
 }

 .ct-media-container img {
    transition: all .2s ease-in-out;
 }

 .archive .type-product:hover .ct-media-container img, .new-grid .type-product:hover .ct-media-container img {
     opacity: 0;
 }

 /* Мобилка */
 @media only screen and (max-width: 480px) {
     .ct-woo-card-extra[data-type=type-2] a {
         padding: 4px;
         min-height: 36px;
         background-color: #ffffff4d;
         border-radius: 24px;
     }

     .ct-woo-card-extra[data-type=type-2] {
         bottom: 22px;
     }

     .ct-woo-card-extra[data-type=type-2] {
         inset-inline: 13px;
         grid-column-gap: 24px;
     }

     .wp-block-handpicked-products {
         display: grid;
         grid-template-columns: repeat(1, 1fr);
     }

     .wc-block-grid.has-4-columns .wc-block-grid__products {
         display: grid !important;
         grid-template-columns: repeat(2, 1fr);
     }

     .ct-woo-card-extra a:nth-child(3n+1) {
         display: none;
     }

    .ct-woo-card-extra[data-type=type-2] {
        bottom: 185px;
        width: 36px;
        top: 6px;
        right: 6px !important;
        inset-inline: auto;
    }
 }

 /* Меняем местами в корзину и наличие*/
/*  .ct-cart-actions {
     flex-direction: column-reverse;
 } */

 .ct-cart-actions div:nth-child(1) {
     order: 2;
 }

 .ct-cart-actions div:nth-child(2) {
     order: 1;
 }

 .ct-cart-actions div:nth-child(3) {
     order: 3;
 }

 /* Скрывает табы и sku в товаре */
 .sku_wrapper {
    display: none !important;
 }

/* .brand-menu .sub-menu {
     max-height: 226px;
     overflow: hidden;
     transition: all .3s ease-in-out;
 } */

/* Сворачивалка подменю */

@media only screen and (min-width: 1440px) {


.brand-menu .sub-menu {
    max-height: 240px;
    overflow: hidden;
}
.brand-menu .sub-menu a{
padding: 6px;
}
}

.brand-menu .sub-menu.opened-excess {
    max-height: 800px;
    overflow: visible;
}

.wrap-button-excess {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 6px 0;
}
button.open-excess {
    width: 120px;
    border-radius: 5px;
}
.brand-menu .opened-excess .wrap-button-excess {
bottom: -26px;
}

#menu-item-244287 a {
user-select: all !important;
}
#menu-item-244287:hover .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Выбор Эмили */
.emilie-choose .woo-listing-top {
display: none;
}


/* Промо в шапке */
#menu-promo-menyu > li > a {
    background: pink !important;
    display: flex;
    text-align: center;
    padding: 14px 16px;
    margin: 10px auto;
    height: 44px;
    border-radius: 3px;
    color: #515151;
}

img.swap-image.wp-post-image {
    position: absolute;
    aspect-ratio: 3 / 4;
    z-index: -1;
    object-fit: cover;
    border: 1px solid #fafbfc;
    border-radius: 3px;
}

/* Промо для мобилки */
[data-id="mobile-menu-secondary"] .menu-item {
    background: pink !important;
    padding: 8px 30px;
    border-radius: 6px;
    max-width: 274px;
}
[data-id="mobile-menu-secondary"] .menu-item a{
    color: #515151;
}

/* Подарочная упаковка в корзине */
.gift-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
a.gift-pack {
    padding: 10px 20px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: center;
    max-width: 342px;
    color: #6f6f6f;
    border-color: pink;
    flex-grow: 1;
}
.gift-pack:hover {
    background: pink;
}
.gift-pack:hover svg path{
    fill: #fff;
}
.gift-pack:hover svg {
    fill: #fff;
}

/* Категории в каталоге */
.cat-container {
    margin: 0 auto 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.top-cat-card {
    flex-basis: calc((100% / 6) - 20px);
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    height: 58px;
    padding: 0;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    color: inherit;
    text-decoration: inherit;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 10px 17px #0000000d;
    justify-content: center;
    transition: all .2s ease-in-out;
    white-space: nowrap;
}

.top-cat-card a {
    color: #000;
    display: block;
    padding: 0 16px;
}

.top-cat-card:hover {
    color: #000;
    background: #f5aab5;
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    .cat-container {
        flex-wrap: nowrap; /* Предотвращает перенос строк */
        overflow-x: auto; /* Горизонтальный скролл */
        scroll-behavior: smooth; /* Плавный скролл */
        -webkit-overflow-scrolling: touch; /* Плавный скролл для iOS */
    }

    .top-cat-card {
        flex-basis: auto;
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: center;
        height: 58px;
        padding: 0;
        background: #fff;
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.2rem;
        font-weight: 500;
        cursor: pointer;
        color: inherit;
        text-decoration: inherit;
        -webkit-tap-highlight-color: transparent;
        box-shadow: 0 10px 17px #0000000d;
        justify-content: center;
        transition: all .2s ease-in-out;
        font-weight: 400;
        max-width: 210px;
        white-space: normal;
        margin-bottom: 20px;
        flex-shrink: 0;
    }
    .top-cat-card:last-child {
        margin-right: 0; /* Убирает правый отступ у последней карточки */
    }
}

/* Фильтры */
.wpc-term-count-0 {
    display: none;
}

/* Убираем информацию Долями в сертификатах */
.product-type-pw-gift-card #opendolyami {
    display: none;
}

/* Swatches */
.wcboost-variation-swatches__wrapper {
    padding-bottom: 20px;
}

.wcboost-variation-swatches--button .wcboost-variation-swatches__item {
    min-width: 46px;
    min-height: 46px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: content-box !important;
}

.wcboost-variation-swatches__name {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

/* Подписка в футере */
.ct-footer .wpcf7-form .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 14px;
    font-weight: 300;
}
.ct-footer .wpcf7-form .wpcf7-list-item .wpcf7-list-item-label a {
    color: #898989;
    text-decoration: underline;
}

/* добавка one size */
.one-size-value {
    box-shadow: 0 0 0 1px var(--wcboost-swatches-color-border);
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 500;
}

.one-size-label {
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 .5em 0;
}


/* Идеально сочетается с... */
.well_with {
    display: flex;
    flex-direction: column;
}

.well_with_rows {
    display: flex;
    gap: 10px;
}

.well_with_item {
    max-width: 160px;
    width: 25%;
}

.well_with_item img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.ww_title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
.wwi_title {
    font-weight: 500;
    color: #000;
}

.well_with_item a {
    position: relative;
    display: inline-block;
}

.well_with_item a img {
    display: block;
}

/* Базовая (первая) картинка */
.well_with_item a img.wwi-swap {
    transition: opacity 0.3s ease;
}

/* Вторая картинка поверх, заранее отрендерена */
.well_with_item a img.wwi-changing {
    position: absolute;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0 */
    width: 100%;
    object-fit: cover;        /* чтобы не мелькнул фон при перестройке */
    opacity: 0;
    pointer-events: none;     /* клики проходят сквозь, пока прозрачна */
    transition: opacity 0.3s ease;
    backface-visibility: hidden;
    will-change: opacity;
    transform: translateZ(0); /* свой композитный слой — без мигания */
}

.well_with_item a:hover img.wwi-changing { opacity: 1; }
.well_with_item a:hover img.wwi-swap     { opacity: 0; }
/* Идеально сочетается с... - end */


/* Скрываем старый ONE SIZE */
#tab-281476 img{
    display: none;
}

#tab-281476 .entry-content ul {
    display: none !important;
}

/* Корзина */
.cart-coupon-toggle .show-coupon .coupons-info {
    display: flex;
    align-items: center;
    justify-content: space-between; /* первый svg + текст слева, второй svg справа */
    width: 100%;
    text-align: left; /* лишний inline-стиль можно убрать */
}

.cart-coupon-toggle .show-coupon .coupons-info svg:first-child {
    margin-right: 10px; /* отступ между иконкой и текстом */
}

.cart-coupon-toggle .show-coupon .coupons-info svg:last-child {
    margin-left: 10px; /* отступ между текстом и стрелкой */
}
.coupon-form .button {
    width: 100%;
}

td.product-price { display: table-cell; width: 180px; } /* вернуть поведение ячейки */
.price-wrapper{
  display: flex;
  flex-direction: column-reverse; /* del сверху, ins снизу */
  height: 100%;
  justify-content: space-between;
}

.sale-price {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 5px;
    flex-direction: column-reverse;
}

.price-wrapper .sale-price del {
    font-size: 100% !important;
}
.price-wrapper ins{
    color: #ff0026 !important;
}

td.product-subtotal del {
    display: none;
}

/* Оставляем твои:
   td.product-price { display: table-cell; width: 170px; }
   .price-wrapper { display:flex; flex-direction:column-reverse; height:100%; justify-content:space-between; }
   .sale-price {...} и пр.
*/

/* По умолчанию обе строки — в одну линию (без переносов) */
.price-wrapper .awdr_cart_strikeout_line{
  white-space: nowrap;
}

/* В первом DIV (где del и ins) разрешаем переносы,
   делаем del отдельной строкой, а ins остаётся inline,
   чтобы "ins + x 1" были на одной строке. */
.price-wrapper .awdr_cart_strikeout_line:first-child{
  white-space: normal;        /* позволяем переносы только здесь */
}
.price-wrapper .awdr_cart_strikeout_line:first-child del{
  display: block;             /* 2-я строка: "2 200.00₽" */
  margin: 0;
}
.price-wrapper .awdr_cart_strikeout_line:first-child ins{
  display: inline;            /* 3-я строка: "0.66₽ x 1" — инлайн с последующим текстом */
  margin: 0;
}

/* (опция) подправить межстрочные отступы, если нужно более плотно */
.price-wrapper .awdr_cart_strikeout_line:first-child del,
.price-wrapper .awdr_cart_strikeout_line:first-child ins{
  line-height: 1.1;
}


.woocommerce-cart .wp-block-kadence-repeatertemplate ul{
    list-style: none;
}

.awdr_cart_strikeout_line {
    display: flex;
    align-items: center;
}

.product-price .woocommerce-cart-form ins .woocommerce-Price-amount bdi {
    color: #ff0026;
}

.woocommerce-Price-amount {
    white-space: nowrap;
}

.woocommerce-cart-form .onsale {
    z-index: 10;
    top: 26px;
    left: 4px;
    font-size: 11px;
    height: 18px;
    min-width: 18px;
    font-weight: 300;
    width: 40px;
}

dl .variation-5 {
    font-size: 12px;
    font-weight: 200;
    color: #959595;
}

@media (max-width: 768px) {
  /* Мобильный контейнер в корзине */
  .product-mobile-actions {
    display: grid !important;
    grid-template-columns: auto 10px 1fr auto; /* qty | × | цены | remove */
    align-items: center;
    column-gap: 8px;
    gap: 4px !important;
    row-gap: 0 !important;
  }

  /* Раскладка по колонкам */
  .product-mobile-actions .quantity {
    grid-column: 1;
  }
  .product-mobile-actions .ct-product-multiply-symbol {
    grid-column: 2;
  }

  /* Оба блока цен становятся вертикально в 3-й колонке */
  .product-mobile-actions .awdr_cart_strikeout_line {
    grid-column: 3;
    line-height: 1.25;
    margin: 2px 0;
  }

  /* кнопка удаления справа */
  .product-mobile-actions a.remove {
    grid-column: 4;
  }

  /* косметика */
  .product-mobile-actions .awdr_cart_strikeout_line del {
    opacity: 0.7;
  }
  .product-mobile-actions .awdr_cart_strikeout_line ins {
    color: #ff0026;
    text-decoration: none;
  }
}

td.product-thumbnail {
    min-width: 90px;
    position: relative;
}

/* Корзина - end */

/* срыть подарочную карту в корзине */
.cart_totals #pwgc-redeem-gift-card-form {
    display: none !important;
}
/* срыть подарочную карту в корзине -END -*/

.woocommerce-loop-product__title {
    height: 50px;
}