/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/**
 * Theme Name: Blocksy Child
 */


html,
body {
    overflow-x: hidden;
    max-width: 100vw;
}

@media (max-width: 768px) {

    .site,
    body,
    html {
        overflow-x: hidden !important;
    }
}


@font-face {
    font-family: 'Inglobal';
    src: url('/wp-content/uploads/fonts/inglobal/inglobalbi.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inglobal', sans-serif;
    src: url('/wp-content/uploads/fonts/inglobal/inglobalbi.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    letter-spacing: 0.01em;
    line-height: 1.2;
}


/* Marapfhont – глобална дефиниция (стабилни, абсолютни пътища) */
@font-face {
    font-family: 'Marapfhont';
    src: url('/wp-content/themes/blocksy-child/fonts/Marapfhont.woff2') format('woff2'),
        url('/wp-content/themes/blocksy-child/fonts/Marapfhont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Утилити клас (по избор за Gutenberg) */
.font-marap {
    font-family: 'Marapfhont', 'Sofia Sans', sans-serif;
}

/* Query slider – контейнерът от <ul class="wp-block-post-template"> */
.tight-product-slider .wp-block-post-template {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    padding-bottom: 10px;
}

/* Query slider – позиция на заглавието върху лентата (бивш Additional CSS) */
.tight-product-slider-title {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
    pointer-events: none;
}

/* Query slider – стилистика на заглавието (преместено от Additional CSS) */
.tight-product-slider-wrapper .tight-product-slider-title a {
    font-family: 'Marapfhont', 'Sofia Sans', sans-serif;
    font-weight: 400;
    font-size: 4.2rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    color: #b1003c;
    text-decoration: none;
    background-color: transparent;
    display: inline-block;
    pointer-events: auto;
    margin: 0;
    padding: 0;
}




/* Woo Register: уеднаквяване на текстовете */
/* инфо редът "Ще получите имейл..." */
.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register.register>p:not(.form-row) {
    font-size: 1rem !important;
    line-height: 1.55 !important;
    margin: 6px 0 10px !important;
}

/* чекбоксът с условията – една идея по-едър */
.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register.register .form-row.terms .woocommerce-form__label,
.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register.register .form-row.terms .woocommerce-form__label span {
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

/* подравняване на чекбокса */
.woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register.register .form-row.terms .woocommerce-form__input {
    margin-top: 3px !important;
}

@media (max-width: 480px) {
    .woocommerce-account .woocommerce form.woocommerce-form.woocommerce-form-register.register .form-row.terms .woocommerce-form__label {
        display: flex !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }
}

/* === Woo Reset Password UI (desktop + mobile) === */
.woocommerce .woocommerce-ResetPassword.lost_reset_password {
    max-width: 720px;
    margin: 40px auto;
    padding: 0 12px;
}

/* параграфът-обяснение */
.woocommerce .woocommerce-ResetPassword.lost_reset_password>p:first-child {
    margin-bottom: 18px;
    font-size: 1rem;
    line-height: 1.55;
    text-align: center;
}

/* полета – базов стил */
.woocommerce .woocommerce-ResetPassword .form-row {
    margin-bottom: 16px;
}

/* две колони на десктоп */
@media (min-width: 768px) {

    .woocommerce .woocommerce-ResetPassword .form-row-first,
    .woocommerce .woocommerce-ResetPassword .form-row-last {
        width: calc(50% - 8px);
        float: left;
    }

    .woocommerce .woocommerce-ResetPassword .form-row-first {
        margin-right: 16px;
    }
}

/* етикети и инпути – височина и четимост */
.woocommerce .woocommerce-ResetPassword label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.95rem;
}


/* Премахване на на закръгленията на банерите */
.cx-brand__banner img,
.cx-series-card__image img {
    border-radius: 0 !important;
}


.woocommerce .woocommerce-ResetPassword .password-input input.input-text {
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
}

/* бутонът – центриран и еднакъв вид с останалите */
.woocommerce .woocommerce-ResetPassword .form-row .button {
    display: inline-block;
    min-width: 260px;
    height: 48px;
    line-height: 48px;
    padding: 0 22px;
    font-weight: 700;
    border-radius: 0px;
}

.woocommerce .woocommerce-ResetPassword .form-row {
    text-align: center;
    /* центрира бутона */
}

/* чистим clearfix артефакти */
.woocommerce .woocommerce-ResetPassword .clear {
    display: none;
}

/* мобилно: по едно поле на ред */
@media (max-width: 767.98px) {

    .woocommerce .woocommerce-ResetPassword .form-row-first,
    .woocommerce .woocommerce-ResetPassword .form-row-last {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

/* === Checkout "Влизане" като бутон === */
.wc-block-checkout__login-prompt {
    display: inline-block;
    padding: 6px 14px;
    background-color: #C2185B;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 0px;
    transition: background-color 0.3s ease;
}

.wc-block-checkout__login-prompt:hover {
    background-color: #a0154b;
}




/* Checkout: style the "Вход" link as a red button */
.wc-block-checkout .wc-block-checkout__login-prompt {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 0px;
    background: #E91E63 !important;
    /* основен цвят на бутоните ти */
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    line-height: 1;
    border: none;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .06);
    transition: background .15s ease, transform .06s ease;
}

/* hover / focus */
.wc-block-checkout .wc-block-checkout__login-prompt:hover,
.wc-block-checkout .wc-block-checkout__login-prompt:focus-visible {
    background: #D81557 !important;
    text-decoration: none !important;
}

/* active press effect */
.wc-block-checkout .wc-block-checkout__login-prompt:active {
    transform: translateY(1px);
}

/* малко разстояние от заглавието вдясно */
.wc-block-components-checkout-step__heading .wc-block-checkout__login-prompt {
    margin-left: .75rem;
}


/**
 * Шаблон за страница на марка (product_brand)
 * Показва банер, описание и тъмбнейли на сериите
 */
.brand-archive-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.brand-banner img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 2rem;
}

.brand-description {
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 2rem;
}

.brand-series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1.5rem;
}

.brand-series-item img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
}

.brand-series-item h3 {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #C2185B;
}


/* Бранд страница */
/* Контейнер */
.cx-brand.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px;
}

/* Банер */
.cx-brand__banner img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0px;
    margin-bottom: 24px;
}

/* Интро текст */
.cx-brand__intro {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #222;
    margin-bottom: 28px;
}

/* Заглавие за секцията със серии */
.cx-brand__series-head h2 {
    margin: 0 0 16px 0;
    font-size: 1.5rem;
}

/* Грид с плочки */
.cx-series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 18px;
}

/* Карта на серия */
.cx-series-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0px;
    overflow: hidden;
    transition: transform .15s ease, box-shadow .15s ease;
}

.cx-series-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}

/* Изображение 1:1 */
.cx-series-card__image {
    display: block;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
}

.cx-series-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Текст в картата */
.cx-series-card__body {
    padding: 14px 14px 16px;
}

.cx-series-card__title {
    font-size: 1.05rem;
    margin: 0 0 8px 0;
}

.cx-series-card__title a {
    text-decoration: none;
    color: inherit;
}

.cx-series-card__excerpt {
    font-size: .95rem;
    color: #444;
    margin: 0 0 12px 0;
}

/* CTA бутон */
.cx-btn {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 0px;
    text-decoration: none;
    background: #e92063;
    /* червеният акцент на сайта ти */
    color: #fff;
    font-weight: 600;
    transition: opacity .15s ease;
}

.cx-btn:hover {
    opacity: .9;
}



/* Позиционира бутона на Сериите в Бранд пейджовете долу вляво */
/* Карта = колона и равна височина */
.cx-series-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Тялото да расте и да държи бутона фиксиран долу-вляво */
.cx-series-card__body {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 14px 14px 64px;
    /* място за бутона */
}

/* Бутонът винаги долу-вляво в картата */
.cx-series-card__cta {
    position: absolute;
    left: 14px;
    bottom: 16px;
    margin: 0;
}

.cx-series-card__cta .cx-btn {
    margin: 0;
    /* за всеки случай */
}

/* Карта = колона, текстът да започва отгоре */
.cx-series-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cx-series-card__image {
    margin-bottom: 0 !important;
    /* без празна ивица под снимката */
}

.cx-series-card__body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* текстът да стои отгоре */
    align-items: flex-start;
    padding: 14px 14px 64px !important;
    /* място за бутона отдолу */
    min-height: auto !important;
}

.cx-series-card__title {
    margin: 0 0 8px 0 !important;
    /* махаме горния отстъп */
}

.cx-series-card__excerpt {
    margin: 0 0 12px 0 !important;
    flex-grow: 1;
    /* пълни пространството, за да бутне бутона долу */
}

.cx-series-card__cta {
    position: absolute;
    left: 14px;
    bottom: 16px;
    margin: 0;
}


// CocoX: Паролен хинт = 8 символа (PHP + Woo JS)

// 1) PHP хинт (wp_get_password_hint)
add_filter('password_hint', function ($hint) {
        if (is_admin()) return $hint;
        return 'Съвет: Паролата ви трябва да бъде най-малко 8 символа. Използването на големи и малки букви, цифри и символи като ! " ? $ % ^ & ) ще я направят по-сигурна.';
    }

    , 99);

// 2) WooCommerce локализиран JS хинт (ако минава през локализацията)
add_filter('woocommerce_get_script_data', function ($params, $handle) {
        if ($handle==='wc-password-strength-meter') {
            $params['i18n_password_hint']='Съвет: Паролата ви трябва да бъде най-малко 8 символа. Използването на големи и малки букви и цифри е задължително, а символи като ! " ? $ % ^ & ) ще я направят по-сигурна.';
        }

        return $params;
    }

    , 10, 2);

// 3) Fallback: презапиши хинта след като скриптът е зареден (ако филтърът горе не хване)
add_action('wp_enqueue_scripts', function () {
        if (wp_script_is('wc-password-strength-meter', 'enqueued')) {
            $hint='Съвет: Паролата ви трябва да бъде най-малко 8 символа. Използването на големи и малки букви и цифри е задължително, а символи като ! " ? $ % ^ & ) ще я направят по-сигурна.';
            $js='window.wc_password_strength_meter_params = window.wc_password_strength_meter_params || {};'
            . 'window.wc_password_strength_meter_params.i18n_password_hint = '. wp_json_encode($hint) . ';';
            wp_add_inline_script('wc-password-strength-meter', $js, 'after');
        }
    }

    , 99);


/* COCOEX — уеднаквяване + вертикално центриране на трите селекта */
.woocommerce-ordering-fe-brand select,
.woocommerce-ordering select.orderby {
    height: 36px;
    line-height: 20px;
    /* текстът */
    padding: 7px 12px;
    /* 7 + 7 + 20 = 34 + 2px бордер = 36 */
    font-size: 14px;
    font-weight: 500;
    border-width: 1px;
    border-radius: 6px;
    box-shadow: none;
}

/* малко място за стрелката при "Подреждане по…" */
.woocommerce-ordering select.orderby {
    padding-right: 34px;
}

.woocommerce-ordering-fe-brand {
    gap: 12px;
}


/* Изравняване височината на основната задраскана цена */

.woocommerce div.product p.price del {
    font-size: inherit;
    line-height: inherit;
}

.woocommerce div.product .woocommerce-variation-price del {
    font-size: inherit;
    line-height: inherit;
}

/* ===============================
   COCOEX — Лога на брандове (icon-logos-wrapper)
   =============================== */

/* Секцията стои над hero rotator */
.icon-logos-wrapper {
    position: relative;
    z-index: 20;
}

/* Хоризонтална лента (скрит скролбар) */
.icon-logos-wrapper .icons-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 45px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0;
    scrollbar-width: none;
    /* Firefox */
}

.icon-logos-wrapper .icons-track::-webkit-scrollbar {
    display: none;
}

/* Chrome/Safari/Edge */

/* Единична карта */
.icon-logos-wrapper .icon-card {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

/* Кутията за логото */
.icon-logos-wrapper .icon-card .icon-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 218px;
    height: 120px;
    background: #fff;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    padding: 12px;
}

/* Самото лого */
.icon-logos-wrapper .icon-card .icon-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Заглавие под логото */
.icon-logos-wrapper .icon-title {
    display: none;
}

/* -------- Tablet -------- */
@media (max-width: 991px) {
    .icon-logos-wrapper .icon-card .icon-thumb {
        width: 180px;
        height: 100px;
        border-radius: 24px;
        padding: 10px;
    }

    .icon-logos-wrapper .icon-title {
       display: none;
    }
}

/* -------- Mobile -------- */
@media (max-width: 767px) {

    /* размери */
    .icon-logos-wrapper .icon-card .icon-thumb {
        width: 150px;
        height: 84px;
        border-radius: 18px;
        padding: 8px;
    }

    .icon-logos-wrapper .icon-title {
     display: none;
    }

    /* фиксирана структура на карта, за да не „скача“ логото при 2 реда заглавие */
    .icon-logos-wrapper .icon-card {
        justify-content: flex-start;
        height: 130px;
        /* обща височина на карта на мобилно */
    }

    .icon-logos-wrapper .icon-card .icon-thumb {
        margin-bottom: 6px;
    }

    .icon-logos-wrapper .icon-title {
        display: none;
    }

    /* нативно щракване по една карта, моментално позициониране */
    .icon-logos-wrapper .icons-track {
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
        scroll-behavior: auto;
    }

    .icon-logos-wrapper .icon-card {
        scroll-snap-align: start;
    }

    .icon-logos-wrapper .icons-track .icon-card:first-child {
        margin-left: 0 !important;
    }
}

/* база: винаги 1 колона */
#menu-item-5423 > .sub-menu,
#menu-item-2730 > .sub-menu {
  column-count: 1;
  max-width: none;
  column-gap: 0;
  padding-right: 0;
  white-space: normal;
  line-height: 1.25;
}

/* COCOEX — "Марки" на 2 колони по ~200px */
@media (min-width: 700px) {
  #menu-item-5423 > .sub-menu,
  #menu-item-2730 > .sub-menu  {
    width: auto;             /* ширината се събира според колоните */
    min-width: 420px;        /*  2 × 200px + малък gap */
    column-count: 2;         /* точно 2 колони */
    column-gap: 20px;        /* разстояние между колоните */
    padding-right: 8px;
  }

  #menu-item-5423 > .sub-menu,
  #menu-item-2730 > .sub-menu  > li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
  }

  /* по-компактен ред в линковете */
  .ct-header .sub-menu a.ct-menu-link {
    line-height: 1.25;
    white-space: normal; /* да пренася дълги имена на 2 реда ако трябва */
  }
}

/* Woo Blocks Checkout — Terms: направи линковете една линия, без списък/разкъсване */
.wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox__label {
  display: block;
  white-space: normal;
}
.wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox__label .wc-block-components-list {
  display: inline !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  columns: auto !important;
  -webkit-columns: auto !important;
  -moz-columns: auto !important;
}
.wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox__label .wc-block-components-list > li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wp-block-woocommerce-checkout-terms-block .wc-block-components-checkbox__label .wc-block-components-list > li::marker {
  content: none !important;
}


/* === CocoEx — Checkout: единен и изчистен layout (desktop & tablet) ===
   Запазва текущата визия. Единствено изравнява външните габарити на секциите. */

@media (min-width: 768px) {
  /* Регулираш само тази стойност при нужда (пример: 1100–1220px) */
  body.woocommerce-checkout { --cocox-checkout-width: 1200px; }

  /* Вертикален стек + центриране на директните деца на checkout формата */
  form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  /* Еднакъв габарит и центриране за трите секции */
  .woocommerce-checkout .ct-customer-details,
  .woocommerce-checkout .ct-order-review,
  .woocommerce-checkout #payment {
    width: var(--cocox-checkout-width);
    max-width: 100%;
    margin: 0 auto;
  }

  /* Премахни sticky/float и странични обвивки да заемат 100% */
  .ct-order-review .ct-sticky-container { position: static; width: 100%; margin: 0; }
  #order_review,
  .woocommerce-checkout-review-order { width: 100%; margin: 0; float: none; }

  /* Вътрешните колони на формата да не дърпат наляво */
  .ct-customer-details .col2-set .col-1,
  .ct-customer-details .col2-set .col-2 { width: 100%; float: none; }

  /* „Име“ и „Фамилия“ на два колони */
  #billing_first_name_field,
  #billing_last_name_field {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
  }
  #billing_first_name_field { margin-right: 16px; }

  /* „Телефон“ и „Имейл адрес“ на ред под тях; после „Държава“ на нов ред */
  #billing_phone_field,
  #billing_email_field {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
  }
  #billing_phone_field { margin-right: 16px; }
  #billing_country_field { clear: both; }
}

/* По-компактни полета (запазваме текущия вид) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  padding: 10px 12px;
  line-height: 1.3;
}
.woocommerce form .form-row textarea { min-height: 120px; }

/* Уеднаквяване, за да няма „излизане“ от контейнера */
.woocommerce form .form-row *,
.woocommerce-checkout-review-order * { box-sizing: border-box; }

/* === CocoEx — Speedy: разширяване хоризонтално, без преподреждане === */
@media (min-width: 768px) {
  /* редът на Спиди да ползва цялата ширина на „Вашата поръчка“ */
  #order_review .speedy_row > td { padding-left: 0; padding-right: 0; }
  #order_review #speedy_form,
  #order_review #speedy_client_table { width: 100%; max-width: none; }

  /* по-тънка колонка за етикетите (оставя повече място вдясно) */
  #order_review #speedy_client_table > tbody > tr > td:first-child {
    width: 170px; /* при нужда 160–200px */
    white-space: nowrap;
  }

  /* само „големите“ полета да се разтягат */
  #speedy_city,
  #speedy_street,
  #speedy_note { width: 100%; max-width: 100%; }

  /* радиата да не се чупят на много редове, когато има място */
  #order_review #speedy_client_table td:last-child > label { white-space: nowrap; }
}


/* Cart (Blocks): вместо реда "Доставка" показваме бележка */
body.woocommerce-cart .wc-block-components-totals-shipping .wc-block-components-totals-item,
body.woocommerce-cart .wc-block-components-totals-shipping__collaterals,
body.woocommerce-cart .wc-block-components-shipping-address,
body.woocommerce-cart .wc-block-components-shipping-rates-control {
  display: none !important; /* скриваме реалните опции/сума */
}

body.woocommerce-cart .wc-block-components-totals-shipping {
  padding-top: 8px;
}

body.woocommerce-cart .wc-block-components-totals-shipping::before {
  content: "· Доставката до автомат на Спиди винаги ще бъде безплатна.\A\A· Доставката за поръчки над 120 лв е безплатна.\A\A· Сумата за доставка се изчислява при завършване на поръчката.";
  white-space: pre-wrap; /* уважава \A като нов ред */
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #192a3d;
  padding: 4px 0;
}


/* Скрива дублиращото се "Общо" в количката (footer на totals блока) */
.wc-block-components-totals-footer-item {
    display: none !important;
}

/* Показва пояснение само когато има въведен код за отстъпка */
.wc-block-components-totals-discount::after {
    content: "· Кодът за отстъпка се изчислява при завършване на поръчката.";
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #192a3d;
    padding: 4px 0;
}

/* KКОНТЕЙНЕР ЗА ИСКРИ - Контейнерът приема позициониране за искрите */
/* Контейнерът приема позициониране за искрите */
/* Контейнер за искрите */
#hero-rotator {
    position: relative;
    overflow: hidden;
}

/* Основен sparkle елемент — златист отблясък с малък център */
.cocox-sparkle {
    position: absolute;
    width: 10px;
    height: 10px;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.4);
    border-radius: 50%;
    background: radial-gradient(circle,
        rgba(255, 252, 240, 0.95) 0%,
        rgba(255, 238, 210, 0.55) 40%,
        rgba(255, 220, 170, 0.0) 70%
    );
    filter: drop-shadow(0 0 4px rgba(255, 245, 220, 0.9));
    z-index: 2;
}

/* Хоризонтален лъч */
.cocox-sparkle::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(
        to right,
        rgba(255, 245, 230, 0) 0%,
        rgba(255, 250, 235, 0.95) 50%,
        rgba(255, 245, 230, 0) 100%
    );
    border-radius: 999px;
}

/* Вертикален лъч */
.cocox-sparkle::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(
        to bottom,
        rgba(255, 245, 230, 0) 0%,
        rgba(255, 250, 235, 0.95) 50%,
        rgba(255, 245, 230, 0) 100%
    );
    border-radius: 999px;
}

/* Трети лъч — по-къс, за премиум „sparkle“ */
.cocox-sparkle-extra {
    position: absolute;
    width: 2px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(
        to bottom,
        rgba(255, 245, 230, 0) 0%,
        rgba(255, 250, 235, 0.95) 50%,
        rgba(255, 245, 230, 0) 100%
    );
    border-radius: 999px;
    opacity: 0.85;
}

/* Анимация за проблясък */
@keyframes cocoxSparklePulse {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.4);
        filter: drop-shadow(0 0 2px rgba(255, 230, 190, 0.4));
    }
    35% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.05);
        filter: drop-shadow(0 0 8px rgba(255, 245, 220, 1));
    }
    60% {
        opacity: 0.85;
        transform: translate(-50%, -50%) scale(1.15);
        filter: drop-shadow(0 0 10px rgba(255, 245, 220, 0.9));
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.6);
        filter: drop-shadow(0 0 3px rgba(255, 230, 190, 0.3));
    }
}


/* Black Friday топ лента – zoom-in при зареждане */
[data-row="top"] {
    transform-origin: top center;
    animation: cocox-bf-top-zoom 0.9s ease-out both;
}

@keyframes cocox-bf-top-zoom {
    0% {
        transform: scale(6);
    }
    100% {
        transform: scale(1);
    }
}


/* COCOX SALE BADGE SLIDER – badge visual parity
   Цел: да изравним визията на плъгин баджа с темата
   Пипай само тук, ако искаш промяна по баджа
*/

.tight-product-slider-wrapper .cocox-offer-badge {
    border-radius: 5px !important;
}

/* CocoX offer badge: top right on product card */
.woocommerce ul.products li.product,
.tight-product-slider-wrapper .product,
.tight-product-slider-wrapper .woocommerce ul.products li.product {
  position: relative;
}

.cocox-offer-badge {
  left: auto !important;
  right: 14px !important;
  top: 14px !important;
}