/*
  Theme Name:   EmallShop Child
  Template:     emallshop
  Version:      1.0
*/

/* Скриваме служебните съобщения */
.woocommerce-message[role="alert"][tabindex="-1"] {
  display: none !important;
}

/* Оформяне на различни методи за доставка */
#shipping_method_0_woo_bg_econt-11.shipping_method,
#shipping_method_0_woo_bg_econt-10.shipping_method {
  margin-right: 9px;
}

/* Multiselect падащо меню */
.multiselect * {
  padding-left: 17px;
}

/* Общ цвят на label-ите */
label {
  color: #000000;
}

/* Оформяне на shipping методите в checkout */
#shipping_method li label {
  color: #1138c2;
  font-size: 16px;
  font-weight: 700;
}

/* Контейнер за хоризонтално скролване */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Таблица с автоматично оразмеряване на колоните и рамка */
.responsive-table {
  border-collapse: collapse;
  width: auto;
  max-width: 100%;
  table-layout: auto;
  border: 4px solid #720167;
}

/* Еднаква рамка 4px за всяка клетка */
.responsive-table td {
  padding: 0.1rem 0.75rem;
  border: 4px solid #720167;
  text-align: left;
  white-space: nowrap;
}

/* Пренареждане на полетата в чекаута */
/* Два елемента на един ред */
.form-row-first,
.form-row-last {
  width: 48%;
  float: left;
  box-sizing: border-box;
}

/* Три елемента на един ред */
.form-row-third {
  width: 32%;
  float: left;
  margin-right: 2%;
  box-sizing: border-box;
}

/* Без margin след всеки трети елемент */
.woocommerce form .form-row-third:nth-child(3n) {
  margin-right: 0;
}

/* Разстояние между редовете */
.woocommerce form .form-row {
  margin-bottom: 1em;
}



/* ===== БЛОК 1: МОБИЛНО МЕНЮ (до 991px) =====
   Розов tap ефект + леко движение и underline, без фон. */
@media (max-width: 991px) {
  .mobile-menu-wrapper ul.mobile-main-menu li > a,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a {
    color: #42053f !important;        /* базов цвят */
    position: relative;
    display: block;
    transition: color .25s ease, transform .25s ease;
    outline: none;
    will-change: transform;
  }

  /* hover остава без фон/промяна на цвят */
  .mobile-menu-wrapper ul.mobile-main-menu li > a:hover,
  .mobile-menu-wrapper ul.mobile-main-menu li.active > a,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a:hover,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a:hover,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a:hover {
    color: #42053f !important;
  }

  /* Подменюта - базово остават черни */
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a,
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a:hover,
  .mobile-menu-wrapper ul.mobile-main-menu ul li.active > a {
    color: #000000 !important;
  }

  .mobile-menu-wrapper ul.mobile-main-menu li.menu-item-has-children > .menu-toggle {
    color: #42053f !important;
  }

  .mobile-menu-wrapper ul.mobile-main-menu > li > a {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    padding-right: 15px !important;
  }

  /* --- Ефект при действие (tap/focus) --- */
  .mobile-menu-wrapper ul.mobile-main-menu li > a:active,
  .mobile-menu-wrapper ul.mobile-main-menu li > a:focus-visible,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a:active,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a:focus-visible,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a:active,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a:focus-visible,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a:active,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a:focus-visible,
  .mobile-menu-wrapper a.is-tapped {
    color: #d64fa2 !important;        /* по-розов нюанс */
    transform: translateX(2px);       /* леко движение надясно */
  }

  /* Подсилване за ПОДМЕНЮТА: да вземат розовото при действие */
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a:active,
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a:focus-visible,
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a.is-tapped {
    color: #d64fa2 !important;
    transform: translateX(2px);
  }

  /* Анимирано подчертаване (underline) за всички линкове в мобилното меню */
  .mobile-menu-wrapper a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .2s ease;
    opacity: .9;
  }
  .mobile-menu-wrapper ul.mobile-main-menu li > a:active::after,
  .mobile-menu-wrapper ul.mobile-main-menu li > a:focus-visible::after,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a:active::after,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper > span a:focus-visible::after,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a:active::after,
  .mobile-menu-wrapper ul.mobile-topbar-wrapper .navbar-nav > li > a:focus-visible::after,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a:active::after,
  .mobile-menu-wrapper ul.mobile-topbar-social ul li a:focus-visible::after,
  .mobile-menu-wrapper a.is-tapped::after,
  /* специално за подменюта */
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a:active::after,
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a:focus-visible::after,
  .mobile-menu-wrapper ul.mobile-main-menu ul li > a.is-tapped::after {
    transform: scaleX(1);
  }

  /* Премахнати старите индикатори/фон */
  .mobile-menu-wrapper a::before { content: none !important; }
  .mobile-menu-wrapper a.is-tapped { background: none !important; }

  /* Respect reduced motion */
  @media (prefers-reduced-motion: reduce) {
    .mobile-menu-wrapper a { transition: none; }
    .mobile-menu-wrapper a::after { transition: none; }
  }
}


/* Настройки за линковете в Checkout, Thank You и Email */
.checkout-product-link,
.thankyou-product-link,
.email-product-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

/* Thumbnail-и в Checkout, Thank You и Email */
.checkout-product-link .product-thumb,
.thankyou-product-link .thankyou-product-thumb,
.email-product-link img {
  margin-right: 0.6em;
  max-height: 64px;
  width: auto !important;
  object-fit: contain;
  border-radius: 4px;
  display: block;
}

/* Hover ефект върху thumbnail-и */
.checkout-product-link:hover .product-thumb,
.thankyou-product-link:hover .thankyou-product-thumb,
.email-product-link:hover img {
  opacity: 0.8;
}

/* Стилизиране на thumbnail колоната в email */
.woocommerce-email .email-order-items td.product-image img {
  margin: 0;
  max-height: 62px;
}

/* My Account → View Order: линк + thumbnail */
.order-details-product-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

/* Thumbnail в View Order */
.order-details-thumb {
  margin-right: 0.5em;
  border-radius: 4px;
  display: inline-block;
  max-height: 64px;
  width: auto;
  object-fit: contain;
}


@media (max-width: 768px) {
  /* Цялата колона “shipping” да е подравнена в ляво */
  table.shop_table.cart tr.shipping td {
    text-align: left !important;
  }

  /* Списъкът с методи и самите редове да не плавают вдясно */
  .woocommerce-shipping-methods {
    display: block !important;
    text-align: left !important;
    margin: 0;
    padding: 0;
  }
  .woocommerce-shipping-methods li {
    float: none !important;
    display: block !important;
    margin-bottom: .5em;
  }

  /* Заглавието “Доставка чрез:” да е и то левичко */
  .woocommerce-shipping-title {
    text-align: left !important;
    margin-bottom: .5em;
  }
}
.woocommerce-shipping-title {
  color: #000000;
  font-size: 16px;
}

/* Малко разстояние между думата и блока за избор на вариация в продукта */
label {
  margin-right: 7px;
}

.search-area .input-search-btn .search-btn::after {
  display: inline-block;
  margin-left: 0.9em !important;
}



/* 3) Малко разстояние между иконата и текста във всички бутони */
.woocommerce .single_add_to_cart_button i,
.woocommerce .add_to_cart_button i {
  margin-right: 0.4em;
}


/* 1) Премахваме overflow:hidden от главното меню и parent li */
.header-navigation .main-navigation,
.header-navigation .main-navigation li.menu-item-has-children {
  overflow: visible !important;
}

/* 2) Правим всяка колона flex-колона */
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu {
  display: flex;
  flex-direction: column;
}

/* 3) Заглавието остава статично горе */
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu > .emallshop-megamenu-title {
  flex: 0 0 auto;
  margin-bottom: 8px;
  color: #720167; /* цвят на заглавието */
}

/* 4) Добавяме bottom padding на целия прозорец, за да има gap отдолу */
.header-navigation .emallshop-megamenu-wrapper {
  padding-bottom: 5px;
}

/* 5) Самото подменю (списък с връзки) се превърта и НЕ чупи сайта,
       а височината е 100vh минус височината на хедъра (примерно 155px)
       и минус нашите 5px gap отдолу */
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu > ul.sub-menu {
  flex: 1 1 auto;
  max-height: calc(100vh - 240px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px;      /* да не припокрива scrollbar-а */
  box-sizing: border-box;
  overscroll-behavior-y: contain;
}

/* 6) Стил на scrollbar-а */
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu > ul.sub-menu::-webkit-scrollbar {
  width: 4px;
}
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu > ul.sub-menu::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 2px;
}

/* 7) По-малък line-height между елементите */
.header-navigation .emallshop-megamenu-wrapper ul.emallshop-megamenu li.emallshop-megamenu-submenu > ul.sub-menu li a {
  line-height: 1.3;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Позволява полето qty да побира 3 цифри */
.woocommerce div.quantity input.qty,
.woocommerce-page div.quantity input.qty {
  width: 4ch;       /* ширина за 4 знака (3 цифри + малко padding) */
  min-width: 4em;   /* поне 3em минимална ширина */
  max-width: 100%;  /* не излиза извън контейнера */
  text-align: center;
}
/* По-малък шрифт за заглавието на таблицата YayPricing Lite */
.yaydp-pricing-table-wrapper .yaydp-pricing-table-header {
  font-size: 14px !important;
  line-height: 1.2 !important;
	color: #5d1d6b;
}


/* Таблица на YayPricing Lite – по-голям и bold шрифт за всички елементи */
table.yaydp-pricing-table,
table.yaydp-pricing-table th,
table.yaydp-pricing-table td,
table.yaydp-pricing-table th * ,
table.yaydp-pricing-table td * {
  font-size: 12px !important;
  font-weight: bold  !important;
  line-height: 1.2   !important;
}

@media (min-width: 768px) {
  /* Контейнерът на заглавието в продуктовия loop */
  .woocommerce ul.products li.product .product-title-rating {
    /* две линии текст при line-height ≈1.3em => 2 * 1.3 = 2.6em */
    min-height: 2.6em;
  }

  .woocommerce ul.products li.product .product-title-rating h3 {
    margin: 0; 
    line-height: 1.3em;
  }
}

@media (max-width: 767px) {
  /* Премахваме фиксираната височина на заглавния контейнер */
  .woocommerce ul.products li.product .product-title-rating {
    margin-bottom: 1.5em !important;
  }
  /* Оставяме заглавието да си ползва колкото реда има нужда */
  .woocommerce ul.products li.product .product-title-rating h3 {
    overflow: visible !important;
  }
}

  /* Взимаме всеки .products > li.product, където и да е (шорткод, Elementor widget, shop, категории...) */
  .products li.product .product-image-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important;    /* квадратно съотношение 1:1 */
    overflow: hidden !important;
    background-color: transparent !important;
  }

  .products li.product .product-image-wrapper img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }



/* Ако логото идва от the_custom_logo(), ограничаваме го по височина 40px */
#header .custom-logo { height: 40px !important; width: auto !important; display: block; }

/* Sticky – показваме само sticky варианта при залепване (ако темата не го прави) */
.custom-logo-link.sticky-branding { display: none; }
#header.sticky .custom-logo-link.sticky-branding,
#header.is-sticky .custom-logo-link.sticky-branding,
.sticky-header .custom-logo-link.sticky-branding { display: inline-flex; }
#header.sticky .custom-logo-link:not(.sticky-branding),
#header.is-sticky .custom-logo-link:not(.sticky-branding),
.sticky-header .custom-logo-link:not(.sticky-branding) { display: none; }



/* Нормално лого: 60px височина, ширина авто */
#header .custom-logo,
#header .site-branding img.custom-logo { 
  height: 40px !important; 
  width: auto !important; 
  display: block;
}

/* Sticky версия: ~40px */
#header .sticky-logo { 
  height: 40px !important; 
  width: auto !important; 
  display: block;
}

   
/* === Количка (SVG) – универсална, без FA === */
/* Управление на размера и “повдигането” от едно място */
:root{
  --ps-cart-size: 1.40em;    /* направи 1.75em, ако я искаш още по-голяма */
  --ps-cart-nudge: -0.06em;  /* леко нагоре; 0 = изключено (пробвай -0.04em..-0.12em) */
}

/* Нашите бутони – центриране и разстояние между икона и текст */
.woocommerce a.button.ps-cartified,
.woocommerce a.add_to_cart_button.ps-cartified,
.woocommerce button.single_add_to_cart_button.ps-cartified{
  display: inline-flex !important;
  align-items: center !important;  /* вертикално центриране */
  justify-content: center;         /* безопасно за теми, които разпъват съдържанието */
  gap: .45em;                      /* разстояние между иконата и текста */
}

/* Самата SVG иконка */
.ps-cart-svg{
  width: var(--ps-cart-size);
  height: var(--ps-cart-size);
  fill: currentColor;
  flex: 0 0 auto;                             /* да не се разтяга в бутона */
  transform: translateY(var(--ps-cart-nudge));/* леко “повдигане” */
}

/* Скриваме декоративните псевдо-икони на темата само за нашите бутони */
.woocommerce a.button.ps-cartified::before,
.woocommerce a.button.ps-cartified::after,
.woocommerce a.add_to_cart_button.ps-cartified::before,
.woocommerce a.add_to_cart_button.ps-cartified::after,
.woocommerce button.single_add_to_cart_button.ps-cartified::before,
.woocommerce button.single_add_to_cart_button.ps-cartified::after{
  content: none !important;
  display: none !important;
}


/* "Виж количката" (added_to_cart) – икона + текст да имат отстояние */
.added_to_cart .wc-forward .ps-cartified {
  display: inline-flex;
  align-items: center;
  gap: .45em;
}

/* Разстояние между “Добави” и “Виж количката” в продуктови листинги */
.woocommerce ul.products li.product .add_to_cart_button + a.added_to_cart,
.woocommerce ul.products li.product .button + a.added_to_cart {
  margin-left: .20rem !important;   /* ↑ увеличи/намали при нужда */
}

/* Същото и за single страница (ако се показват редом) */
.single-product .product .single_add_to_cart_button + a.added_to_cart {
  margin-left: .20rem !important;
}

/* Леко подравняване, за да са на една линия */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.added_to_cart,
.single-product .single_add_to_cart_button,
.single-product a.added_to_cart {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}






/* ========= CF7 ICONIZED (изолирано по #cf7i-parit) ========= */
#cf7i-parit { --cf7i-accent:#c751c0; --cf7i-radius:10px; --cf7i-pad:12px; }
#cf7i-parit { max-width:720px; margin:0 auto; }

/* нулираме всичко, което надува редовете от темата */
#cf7i-parit .cf7i__item { margin:12px 0 !important; padding:0 !important; }
#cf7i-parit .cf7i__item > * { margin:0 !important; }
#cf7i-parit .wpcf7-form-control-wrap,
#cf7i-parit .wpcf7-form-control { margin:0 !important; }

/* поле + икона */
#cf7i-parit .cf7i__field { position:relative; display:block; }
#cf7i-parit .cf7i__field .wpcf7-form-control-wrap { display:block; }

/* ИКОНА – истинско вертикално центриране спрямо самия input/textarea */
#cf7i-parit .cf7i__icon{
  position:absolute; left:14px; top:0; bottom:0; margin:auto 0;
  width:20px; height:20px; color:var(--cf7i-accent); opacity:.95; pointer-events:none; z-index:2;
}
/* за textarea – иконата горе вляво */
#cf7i-parit .cf7i__field--textarea .cf7i__icon{ top:16px; bottom:auto; transform:none; }

/* САМИТЕ ПОЛЕТА – твърди правила, които „печелят“ срещу темата */
#cf7i-parit input.cf7i__input,
#cf7i-parit textarea.cf7i__input{
  width:100% !important; box-sizing:border-box !important;
  background:#fff !important;
  border:2px solid var(--cf7i-accent) !important;
  border-radius:var(--cf7i-radius) !important;
  color:#222 !important;
  line-height:1.25 !important;
  padding: var(--cf7i-pad) 14px var(--cf7i-pad) 48px !important; /* място за икона */
  margin:0 !important; outline:none !important;
  transition: box-shadow .2s, border-color .2s !important;
}
#cf7i-parit input.cf7i__input{ height:46px !important; }   /* фиксирана височина за input */
#cf7i-parit textarea.cf7i__input{ min-height:160px !important; resize:vertical; }

/* ФОКУС */
#cf7i-parit input.cf7i__input:focus,
#cf7i-parit textarea.cf7i__input:focus{
  border-color:var(--cf7i-accent) !important;
  box-shadow:0 0 0 3px rgba(199,81,192,.18) !important;
}

/* Placeholder-и в същата гама */
#cf7i-parit ::placeholder{ color:var(--cf7i-accent); opacity:.75; }

/* ACCEPTANCE – дребен стил + accent за checkbox ако браузърът поддържа */
#cf7i-parit .cf7i__item--accept{ font-size:.95rem; color:#333; }
#cf7i-parit .cf7i__item--accept input[type="checkbox"]{ accent-color:var(--cf7i-accent); }

/* Бутон */
#cf7i-parit .cf7i__btn{
  background:var(--cf7i-accent) !important; border:2px solid var(--cf7i-accent) !important;
  color:#fff !important; padding:12px 22px !important; border-radius:var(--cf7i-radius) !important;
  cursor:pointer; font-weight:600;
}
#cf7i-parit .cf7i__btn:hover{ filter:brightness(.95); }

/* Последна защита, ако темата вкарва <p> или <br> между елементите */
#cf7i-parit p { margin:0 !important; }
#cf7i-parit br { display:none; }

/* Стил на "Количество" над брояча на сингъл продукт */
.qty-label{ display:block; font-weight:600; margin-bottom:6px; }


/* Квадратни "чекбокси" за методите на доставка (Econt и др.) */
.woocommerce ul#shipping_method li {
    position: relative;
}

/* Скриваме оригиналното радио */
.woocommerce ul#shipping_method li input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Оформяме етикета и даваме място за квадратчето */
.woocommerce ul#shipping_method li label {
    position: relative;
    padding-left: 28px; /* разстояние между квадрата и текста */
    cursor: pointer;
}

/* Самото квадратче (неизбрано състояние) */
.woocommerce ul#shipping_method li label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 2px solid #1138c2;  
    border-radius: 3px;          /* леко заоблен квадрат */
    box-sizing: border-box;
    background: #fff;
}

/* Избрано състояние – запълнено квадратче */
.woocommerce ul#shipping_method li input[type="radio"]:checked + label::before {
    background: #1138c2;
}

/* Малко „тикче“ вътре за по-свеж вид */
.woocommerce ul#shipping_method li input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-55%) rotate(45deg);
    width: 5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}


/* --------- Мини снимки – количка, checkout, Thank You/View Order – запазени пропорции начало --------- */

/* Cart + Checkout + Thank You / View Order – общ стил за нашите класове */
.woocommerce-cart table.cart img.parit-cart-thumb,
.woocommerce-checkout table.shop_table img.parit-cart-thumb,
.woocommerce-order-received .woocommerce-table--order-details img.parit-order-thumb,
.woocommerce-view-order     .woocommerce-table--order-details img.parit-order-thumb {
    max-width: 80px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block;
}

/* Checkout: подравняване на снимка + име */
.woocommerce-checkout table.shop_table .parit-checkout-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-checkout table.shop_table .parit-checkout-item .parit-checkout-thumb img {
    max-width: 80px;
    height: auto;
    width: auto;
    object-fit: contain;
}

/* fallback – ако остане някое старо img вътре в името, го крия */
.woocommerce-checkout table.shop_table .checkout-product-name img {
    display: none !important;
}

/* Thank You / View Order: снимка + име в един ред, без счупени линии по редовете */
.woocommerce-order-received .woocommerce-table--order-details td.product-name,
.woocommerce-view-order     .woocommerce-table--order-details td.product-name {
    vertical-align: middle;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name .parit-order-item-wrap,
.woocommerce-view-order     .woocommerce-table--order-details td.product-name .parit-order-item-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-order-received .woocommerce-table--order-details td.product-name .parit-order-product-name,
.woocommerce-view-order     .woocommerce-table--order-details td.product-name .parit-order-product-name {
    display: inline-block;
}

/* --------- Мини снимки – количка, checkout, Thank You/View Order – запазени пропорции край --------- */








/* --------- Woo Thank You – hero + overview карти начало --------- */

/* Основна бяла карта за Thank You секцията */
body.woocommerce-order-received .woocommerce-order {
    max-width: 1100px;
    margin: 0 auto 60px;
    padding: 28px 32px 36px;
    background: #ffffff;
    border-radius: 26px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
}

/* Лилавата лента с "Благодарности..." */
body.woocommerce-order-received .woocommerce-order .woocommerce-notice--success {
    margin: 0 0 24px;
    padding: 16px 28px;
    border-radius: 999px;
    background: #a0008f;          /* по-тъмният лилав; смени ако искаш друга стойност */
    color: #ffffff;
    font-size: clamp(18px, 2.2vw, 22px);
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Малко повече въздух под текста под лентата */
body.woocommerce-order-received .woocommerce-order > p {
    font-size: 14px;
    color: #444444;
    margin-bottom: 18px;
}

/* Заглавията "Детайла за поръчката", "Адрес за фактуриране" и т.н. */
body.woocommerce-order-received .woocommerce-order h2 {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #a0008f;
    margin: 32px 0 12px;
}

/* Списъкът с шестте тайлчета (номер, дата, имейл, общо и т.н.) */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
}

/* Всяко тайлче */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid #f5b5ee;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
    padding: 14px 18px 12px;
    font-size: 14px;
    line-height: 1.45;
    color: #333333;
}

/* Етикетът (НОМЕР НА ПОРЪЧКАТА, ДАТА, ИМЕЙЛ, ОБЩО, НАЧИН НА ПЛАЩАНЕ...) */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li strong {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a0008f;
}

/* Стойността във всяко тайлче – по-тъмна и една идея по-едра */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li span {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

/* Тайлът "Общо" – още една идея по-акцентен */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li.woocommerce-order-overview__total {
    font-size: 15px;
    font-weight: 700;
    color: #2b0633;
}

/* Общо: не позволява пренасяне на сумата лев/евро на два реда */
body.woocommerce-order-received ul.woocommerce-thankyou-order-details li.woocommerce-order-overview__total span,
body.woocommerce-order-received .woocommerce-order-overview__total .woocommerce-Price-amount {
    white-space: nowrap;
}

/* Малко по-голям текст и в долните таблични секции за детайли */
body.woocommerce-order-received .woocommerce-order table.shop_table td,
body.woocommerce-order-received .woocommerce-order table.shop_table th {
    font-size: 14px;
    color: #333333;
}

/* --------- Woo Thank You – hero + overview карти край --------- */