/*!
Theme Name: Електрическа Триколка — Модерна
Theme URI: https://xn--80aanaarcmccadi5bxeoog9g.com
Description: Модерна детска тема за Divi 5 — свеж, достъпен дизайн за магазин за електрически триколки и скутери. Палитра „свежа мобилност" (тюркоазено зелено + кехлибар), едра типография и висок контраст за удобство на възрастни клиенти.
Author: Redesign
Template: Divi
Version: 1.0.0
License: GNU General Public License v2
Text Domain: trikolka-child
*/

/* =====================================================================
   1. ДИЗАЙН ТОКЕНИ (CSS променливи)
   ===================================================================== */
:root {
  --tk-green:        #0E7C6B;   /* марка */
  --tk-green-dark:   #0A5D51;   /* hover / градиенти */
  --tk-green-deep:   #083F38;   /* най-тъмно */
  --tk-mint:         #E6F4F0;   /* меки фонове */
  --tk-mint-2:       #D3ECE5;
  --tk-amber:        #F5A623;   /* призив за действие */
  --tk-amber-dark:   #DB8B0C;   /* hover */
  --tk-ink:          #1F2937;   /* заглавия / футър */
  --tk-ink-2:        #111827;
  --tk-body:         #374151;   /* основен текст */
  --tk-muted:        #6B7280;   /* второстепенен текст */
  --tk-bg:           #F7FAF9;   /* фон на страницата */
  --tk-card:         #FFFFFF;
  --tk-border:       #E5EAE8;
  --tk-border-2:     #D8E0DD;

  --tk-head: 'Montserrat', 'Segoe UI', Tahoma, Arial, sans-serif;
  --tk-sans: 'Inter', 'Segoe UI', Tahoma, Arial, sans-serif;

  --tk-radius:     16px;
  --tk-radius-sm:  10px;
  --tk-radius-pill: 999px;

  --tk-shadow:    0 4px 18px rgba(15, 60, 50, 0.07);
  --tk-shadow-md: 0 8px 26px rgba(15, 60, 50, 0.10);
  --tk-shadow-lg: 0 16px 40px rgba(15, 60, 50, 0.16);

  --tk-ease: 0.25s cubic-bezier(.4, 0, .2, 1);
}

/* =====================================================================
   2. ОСНОВИ / ТИПОГРАФИЯ
   ===================================================================== */
body {
  background-color: var(--tk-bg) !important;
  font-family: var(--tk-sans) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: var(--tk-body) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p { color: var(--tk-body); line-height: 1.7; }

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3,
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {
  font-family: var(--tk-head) !important;
  color: var(--tk-ink);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
h1, .et_pb_module h1 { font-weight: 800; }
h2, .et_pb_module h2 { font-weight: 700; }
h3, h4 { font-weight: 700; }

a { color: var(--tk-green); transition: color var(--tk-ease); }
a:hover { color: var(--tk-green-dark); }

::selection { background: var(--tk-green); color: #fff; }

/* Достъпен фокус за клавиатурна навигация */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.et_pb_button:focus-visible {
  outline: 3px solid var(--tk-amber);
  outline-offset: 2px;
  border-radius: 4px;
}

/* По-широк, дишащ контейнер на съдържанието */
.et_pb_row { max-width: 1180px; }

/* =====================================================================
   3. БУТОНИ (глобални — Divi + WooCommerce)
   ===================================================================== */
.et_pb_button,
.et_pb_button:hover,
a.et_pb_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce-page a.button,
.woocommerce-page button.button {
  font-family: var(--tk-head) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
  color: #fff !important;
  background: var(--tk-amber) !important;
  background-color: var(--tk-amber) !important;
  border: 0 !important;
  border-radius: var(--tk-radius-sm) !important;
  padding: 14px 30px !important;
  min-height: 48px;
  line-height: 1.3 !important;
  text-transform: none !important;
  box-shadow: 0 6px 16px rgba(245, 166, 35, 0.28) !important;
  transition: transform var(--tk-ease), box-shadow var(--tk-ease), background-color var(--tk-ease) !important;
  cursor: pointer;
}
.et_pb_button:hover,
a.et_pb_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--tk-amber-dark) !important;
  background-color: var(--tk-amber-dark) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(245, 166, 35, 0.36) !important;
}
.et_pb_button:active,
.woocommerce a.button:active,
.woocommerce button.button:active { transform: translateY(0); }

/* Неутрализираме стрелката/рамката по подразбиране на Divi */
.et_pb_button:after { display: none !important; }
.et_pb_button { padding-left: 30px !important; padding-right: 30px !important; }

/* Второстепенен (очертан зелен) бутон */
.woocommerce a.button.wc-backward,
.woocommerce a.added_to_cart,
.woocommerce a.button.alt.wc-forward.added_to_cart {
  background: #fff !important;
  color: var(--tk-green) !important;
  border: 2px solid var(--tk-green) !important;
  box-shadow: none !important;
}
.woocommerce a.button.wc-backward:hover,
.woocommerce a.added_to_cart:hover {
  background: var(--tk-green) !important;
  color: #fff !important;
}

/* =====================================================================
   4. ХЕДЪР + ГОРНА ЛЕНТА + НАВИГАЦИЯ
   ===================================================================== */
/* Горна информационна лента.
   Divi's customizer прилага .et_secondary_nav_enabled #page-container #top-header{#000!important}
   (спец. 2-1-0) и fixed вариант (2-2-0) — надделяваме с точните селектори + по-висока спец. */
body.et_secondary_nav_enabled #page-container #top-header,
body.et_fixed_nav #page-container .et-fixed-header#top-header,
body #top-header {
  background: var(--tk-green) !important;
  background-color: var(--tk-green) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 0 !important;
  box-shadow: none !important;
}
#top-header .container { padding-top: 6px; padding-bottom: 6px; }
#top-header,
#top-header a,
#top-header .et_secondary_nav_only_menu #et-secondary-nav li a,
#top-header #et-secondary-nav li a,
#top-header .et-social-icons a {
  color: rgba(255,255,255,0.92) !important;
}
#top-header #et-secondary-nav li a:hover,
#top-header a:hover { color: #fff !important; }
#top-header .et-social-icons a:hover { opacity: 0.8; }
#et-secondary-nav li li a { background: var(--tk-green-dark) !important; }
#top-header #et-info-phone,
#top-header #et-info-email { font-weight: 600; }

/* Главен хедър — чист, бял, „лепкав" */
#main-header {
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 2px 16px rgba(15, 60, 50, 0.08) !important;
  border-bottom: 1px solid var(--tk-border) !important;
}
.et-fixed-header#main-header {
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 4px 22px rgba(15, 60, 50, 0.12) !important;
}
#logo { transition: transform var(--tk-ease); }
.logo_container:hover #logo { transform: scale(1.02); }

/* Главно меню */
#top-menu li a,
#et-top-navigation nav > ul > li > a {
  font-family: var(--tk-head) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  color: var(--tk-ink) !important;
  padding-bottom: 22px !important;
  position: relative;
  transition: color var(--tk-ease);
}
#top-menu li a:hover { color: var(--tk-green) !important; opacity: 1 !important; }

/* Анимирано подчертаване */
#top-menu > li.menu-item > a::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: 12px;
  height: 3px;
  border-radius: 3px;
  background: var(--tk-amber);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--tk-ease);
}
#top-menu > li.menu-item:hover > a::after,
#top-menu > li.current-menu-item > a::after,
#top-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
#top-menu > li.current-menu-item > a { color: var(--tk-green) !important; }

/* Падащи менюта */
#top-menu li ul.sub-menu {
  border-top: 3px solid var(--tk-green) !important;
  border-radius: 0 0 var(--tk-radius-sm) var(--tk-radius-sm);
  box-shadow: var(--tk-shadow-md) !important;
  padding: 6px 0;
}
#top-menu li ul.sub-menu li a { padding: 10px 20px !important; font-size: 15px !important; }
#top-menu li ul.sub-menu li a:hover { background: var(--tk-mint) !important; }

/* Количка (divi-menu-cart) като „хапче" с ЕДИН амбър брояч в горния десен ъгъл */
.et_pb_menu_cart_wrapper .menu-cart-info,
.menu-cart-nav-wrap .menu-cart-info,
a.menu-cart-info {
  position: relative !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: var(--tk-mint);
  border-radius: var(--tk-radius-pill);
  padding: 9px 13px !important;
  color: var(--tk-green) !important;
  line-height: 1;
  transition: background var(--tk-ease);
}
a.menu-cart-info:hover { background: var(--tk-mint-2); }
.menu-cart-info span.original-cart { color: var(--tk-green) !important; }

/* Само кръгчето на плъгина (> small) е брояч — оцветяваме го в амбър и го фиксираме
   в горния десен ъгъл. Контейнерът .divi_menu_cart_count остава БЕЗ фон (това беше
   „празният" втори кръг). Нулевото състояние (.empty) остава скрито. */
.divi_menu_cart_count {
  position: static !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.divi_menu_cart_count > small {
  position: absolute !important;
  top: -5px !important;
  right: -6px !important;
  bottom: auto !important;
  left: auto !important;
  min-width: 1.5em;
  height: 1.5em;
  padding: 0 4px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--tk-amber) !important;
  color: #fff !important;
  border: 2px solid #fff;
  border-radius: 999px !important;
  font-weight: 700;
  font-size: 11px !important;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.divi_menu_cart_count > small.empty { display: none !important; }

/* Мобилно меню */
.et_mobile_menu_bar:before,
.mobile_menu_bar:before { color: var(--tk-green) !important; }
#et_mobile_nav_menu .mobile_nav .select_page,
.et_mobile_menu {
  border-color: var(--tk-green) !important;
  border-radius: var(--tk-radius-sm);
  box-shadow: var(--tk-shadow-md);
}
.et_mobile_menu li a { color: var(--tk-ink) !important; font-weight: 600; }
.et_mobile_menu li a:hover { background: var(--tk-mint) !important; color: var(--tk-green) !important; }

/* =====================================================================
   5. ЛЕНТА „ПРЕДИМСТВА / ДОВЕРИЕ" (инжектира се от functions.php)
   ===================================================================== */
.tk-trustbar {
  background: #fff;
  border-bottom: 1px solid var(--tk-border);
  box-shadow: inset 0 -1px 0 var(--tk-border);
  font-family: var(--tk-head);
}
.tk-trustbar__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 30px;
}
.tk-trust {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--tk-ink);
  white-space: nowrap;
}
.tk-trust svg { width: 22px; height: 22px; flex: 0 0 auto; stroke: var(--tk-green); }
.tk-trust--phone { color: var(--tk-green); font-weight: 700; margin-left: auto; }
.tk-trust--phone svg { stroke: var(--tk-amber); }
.tk-trust--phone:hover { color: var(--tk-green-dark); }
@media (max-width: 980px) {
  .tk-trustbar__inner { gap: 8px 18px; padding: 10px 16px; }
  .tk-trust { font-size: 13.5px; }
  .tk-trust--phone { margin-left: 0; }
}
@media (max-width: 600px) {
  .tk-trust span.tk-trust__long { display: none; } /* скрива по-дългия текст на телефон */
}

/* =====================================================================
   6. НАЧАЛНА СТРАНИЦА — ГЕРОЙ (hero) + СЕКЦИИ
   ===================================================================== */
.home #et-main-area { background: var(--tk-bg); }
.home .et_pb_section_0 { padding-top: 40px !important; background: transparent !important; }

/* Геройски блок = първият текстов модул */
.home .et_pb_text_0 {
  background:
    radial-gradient(1200px 300px at 80% -20%, rgba(255,255,255,0.14), transparent 60%),
    linear-gradient(135deg, var(--tk-green) 0%, var(--tk-green-dark) 100%);
  color: #fff;
  border-radius: var(--tk-radius);
  padding: 54px 46px 46px !important;
  box-shadow: var(--tk-shadow-md);
  overflow: hidden;
  position: relative;
}
.home .et_pb_text_0 h1 {
  color: #fff !important;
  font-size: clamp(28px, 4.2vw, 46px) !important;
  line-height: 1.15 !important;
  margin-bottom: 6px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.home .et_pb_text_0 h1 + * { margin-top: 10px; }
/* Съобщението за кредитиране — елегантен акцент вместо агресивно червено */
.home .et_pb_text_0 h2 {
  display: block;
  font-size: clamp(16px, 1.6vw, 19px) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: #fff !important;
  background: rgba(255,255,255,0.14);
  border-left: 5px solid var(--tk-amber);
  border-radius: 12px;
  padding: 16px 20px !important;
  margin: 26px auto 4px !important;
  max-width: 820px;
  text-align: left !important;
}
.home .et_pb_text_0 h2 span { color: #fff !important; } /* презаписва inline red */

/* Видеата — заоблени, с меки сенки */
.home .et_pb_video_0, .home .et_pb_video_1 { margin-top: 26px; }
.home .et_pb_video .et_pb_video_box,
.et_pb_video .et_pb_video_box {
  border-radius: var(--tk-radius);
  overflow: hidden;
  box-shadow: var(--tk-shadow);
}
.home .et_pb_video_overlay { border-radius: var(--tk-radius); overflow: hidden; }

/* Заглавие над продуктовата решетка на началната страница */
.home .et_pb_shop_0 { margin-top: 46px; }
.home .et_pb_shop_0::before {
  content: "Разгледайте нашите модели";
  display: block;
  text-align: center;
  font-family: var(--tk-head);
  font-weight: 800;
  color: var(--tk-ink);
  font-size: clamp(24px, 3vw, 34px);
  margin-bottom: 6px;
}
.home .et_pb_shop_0::after {
  content: "Електрически триколки и скутери за комфорт, свобода и независимост";
  display: block;
  text-align: center;
  color: var(--tk-muted);
  font-size: 17px;
  margin-bottom: 30px;
}

/* =====================================================================
   7. ПРОДУКТОВИ КАРТИ (магазин + модул на началната)
   ===================================================================== */
.woocommerce ul.products,
.et_pb_shop ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px !important;
  margin: 0 !important;
}
/* Премахваме clearfix ::before/::after — иначе стават празни грид-клетки и
   изместват първия продукт в колона 2. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.et_pb_shop ul.products::before,
.et_pb_shop ul.products::after {
  content: none !important;
  display: none !important;
}
.woocommerce ul.products.columns-2,
.et_pb_shop.et_pb_shop_grid ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }

.woocommerce ul.products li.product,
.et_pb_shop ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  padding: 16px !important;
  background: var(--tk-card);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  box-shadow: var(--tk-shadow);
  transition: transform var(--tk-ease), box-shadow var(--tk-ease), border-color var(--tk-ease);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.woocommerce ul.products li.product:hover,
.et_pb_shop ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: var(--tk-shadow-lg);
  border-color: var(--tk-mint-2);
}

/* Изображение */
.woocommerce ul.products li.product a img,
.et_pb_shop ul.products li.product img,
.et_shop_image img {
  border-radius: var(--tk-radius-sm);
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  width: 100%;
  transition: transform 0.4s var(--tk-ease);
}
.woocommerce ul.products li.product:hover .et_shop_image img { transform: scale(1.04); }
.et_shop_image { position: relative; display: block; border-radius: var(--tk-radius-sm); overflow: hidden; }
.et_overlay { border-radius: var(--tk-radius-sm); }
.et_pb_shop .et_overlay:before,
.et_shop .et_overlay:before { color: #fff; }

/* Заглавие на продукта */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.et_pb_shop ul.products li.product h2 {
  font-family: var(--tk-head) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--tk-ink) !important;
  padding: 16px 4px 8px !important;
  min-height: 2.7em;
}

/* Цена (вкл. двойна EUR + BGN от eurozone плъгина) */
.woocommerce ul.products li.product .price,
.et_pb_shop ul.products li.product .price {
  color: var(--tk-green) !important;
  font-family: var(--tk-head) !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  margin: 2px 4px 14px !important;
  display: block;
}
.woocommerce ul.products li.product .price ins,
.woocommerce .price ins { text-decoration: none !important; color: var(--tk-green) !important; font-weight: 800; }
.woocommerce ul.products li.product .price del,
.woocommerce .price del {
  color: var(--tk-muted) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  opacity: 1;
  display: inline-block;
  margin-right: 6px;
}
/* Второстепенната валута (лв.) — по-дребна и приглушена */
.price .eur-price,
.woocommerce-Price-amount + .eur-price,
.eur-price {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--tk-muted) !important;
  font-family: var(--tk-sans) !important;
}

/* „Разпродажба" / процентен бадж */
.woocommerce span.onsale,
.et_pb_shop span.onsale,
.woocommerce ul.products li.product .onsale {
  position: absolute !important;
  top: 14px; left: 14px;
  min-height: 0; min-width: 0;
  background: var(--tk-amber) !important;
  color: #fff !important;
  font-family: var(--tk-head) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 8px 12px !important;
  border-radius: var(--tk-radius-pill) !important;
  box-shadow: 0 4px 12px rgba(245,166,35,0.4);
  margin: 0 !important;
  z-index: 3;
}

/* Бутон „Купи" в картата */
.woocommerce ul.products li.product .button,
.et_pb_shop ul.products li.product .button {
  margin-top: auto !important;
  display: block !important;
  width: 100%;
  text-align: center;
}

/* Divi shop pagination / rating */
.woocommerce ul.products li.product .star-rating { color: var(--tk-amber); margin: 0 4px 10px; }

/* =====================================================================
   8. МАГАЗИН / АРХИВ
   ===================================================================== */
.woocommerce-products-header,
.et_pb_column .woocommerce-products-header { text-align: center; margin-bottom: 30px; }
.woocommerce-products-header__title,
.woocommerce .page-title,
h1.woocommerce-products-header__title {
  font-family: var(--tk-head) !important;
  color: var(--tk-ink) !important;
  font-weight: 800 !important;
}
.woocommerce .woocommerce-result-count { color: var(--tk-muted); font-size: 15px; }
.woocommerce .woocommerce-ordering select,
.woocommerce select {
  border: 1px solid var(--tk-border-2) !important;
  border-radius: var(--tk-radius-sm) !important;
  padding: 10px 14px !important;
  background: #fff;
  color: var(--tk-ink);
  font-family: var(--tk-sans);
}
.woocommerce nav.woocommerce-pagination ul { border: 0 !important; gap: 8px; display: flex; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0 !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: var(--tk-radius-sm) !important;
  background: #fff;
  border: 1px solid var(--tk-border) !important;
  color: var(--tk-ink);
  min-width: 44px; min-height: 44px;
  display: flex; align-items: center; justify-content: center;
  font-weight: 700;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--tk-green) !important;
  color: #fff !important;
  border-color: var(--tk-green) !important;
}

/* Пълна ширина за WooCommerce страници (празната дясна колона се премахва) */
.woocommerce #left-area,
.woocommerce-page #left-area,
.archive.woocommerce #left-area,
.post-type-archive-product #left-area,
.single-product #left-area {
  width: 100% !important;
  padding-bottom: 0 !important;
}
.woocommerce #sidebar,
.woocommerce-page #sidebar,
.single-product #sidebar { display: none !important; }
.woocommerce #main-content .container:before { display: none; }

/* =====================================================================
   9. ЕДИНИЧЕН ПРОДУКТ
   ===================================================================== */
.single-product div.product .product_title,
.single-product .product_title.entry-title {
  font-family: var(--tk-head) !important;
  font-weight: 800 !important;
  color: var(--tk-ink) !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.2 !important;
}
.single-product div.product p.price,
.single-product div.product span.price {
  color: var(--tk-green) !important;
  font-family: var(--tk-head) !important;
  font-weight: 800 !important;
  font-size: 30px !important;
}
.single-product div.product p.price del { color: var(--tk-muted) !important; font-size: 20px !important; font-weight: 600 !important; }
.single-product div.product p.price ins { text-decoration: none !important; color: var(--tk-green) !important; }
.single-product .price .eur-price { font-size: 16px !important; }

.single-product .woocommerce-product-details__short-description { font-size: 18px; line-height: 1.75; color: var(--tk-body); }

.single-product .summary { padding-left: 10px; }
.single-product form.cart {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  background: var(--tk-mint);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  padding: 18px !important;
  margin: 24px 0 !important;
}
.single-product form.cart .quantity { margin: 0 !important; }
.single-product form.cart .quantity .qty {
  height: 52px;
  width: 80px;
  border: 1px solid var(--tk-border-2) !important;
  border-radius: var(--tk-radius-sm) !important;
  font-size: 18px;
  text-align: center;
  color: var(--tk-ink);
  background: #fff;
}
.single-product form.cart .single_add_to_cart_button {
  flex: 1 1 auto;
  min-width: 220px;
  font-size: 18px !important;
  padding: 16px 30px !important;
  min-height: 52px;
}

/* Мои значки за сигурност под бутона (functions.php) */
.tk-assurance {
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px dashed var(--tk-border-2);
}
.tk-assurance span {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 600; color: var(--tk-ink);
  font-family: var(--tk-head);
}
.tk-assurance svg { width: 20px; height: 20px; stroke: var(--tk-green); flex: 0 0 auto; }

/* Табове */
.woocommerce-tabs ul.tabs { border: 0 !important; padding: 0 !important; }
.woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 6px !important;
}
.woocommerce-tabs ul.tabs li a {
  font-family: var(--tk-head) !important;
  font-weight: 700 !important;
  color: var(--tk-muted) !important;
  padding: 12px 4px !important;
  border-bottom: 3px solid transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active { border: 0 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
  color: var(--tk-green) !important;
  border-bottom: 3px solid var(--tk-green) !important;
}
.woocommerce-tabs ul.tabs:before { border-color: var(--tk-border) !important; }
.woocommerce div.product .woocommerce-tabs .panel { padding-top: 24px; }

.product_meta { font-size: 15px; color: var(--tk-muted); border-top: 1px solid var(--tk-border); padding-top: 16px; }

/* Свързани продукти / heading-и */
.related.products > h2, .upsells.products > h2,
.woocommerce .related h2, .cross-sells > h2 {
  font-family: var(--tk-head) !important;
  color: var(--tk-ink) !important;
  font-weight: 800 !important;
  margin-bottom: 24px;
}

/* =====================================================================
   10. КОШНИЦА / ПОРЪЧКА (cart / checkout)
   ===================================================================== */
.woocommerce table.shop_table {
  border: 1px solid var(--tk-border) !important;
  border-radius: var(--tk-radius) !important;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--tk-shadow);
}
.woocommerce table.shop_table thead th,
.woocommerce table.shop_table th {
  font-family: var(--tk-head);
  color: var(--tk-ink);
  background: var(--tk-mint);
}
.woocommerce table.shop_table td { border-top: 1px solid var(--tk-border) !important; }
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--tk-head) !important;
  color: var(--tk-ink) !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
  background: #fff;
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius);
  padding: 20px;
  box-shadow: var(--tk-shadow);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout input.input-text,
.woocommerce .select2-container--default .select2-selection--single {
  border: 1px solid var(--tk-border-2) !important;
  border-radius: var(--tk-radius-sm) !important;
  padding: 12px 14px !important;
  min-height: 48px;
  font-size: 16px;
  background: #fff;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-checkout input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--tk-green) !important;
  box-shadow: 0 0 0 3px rgba(14,124,107,0.15) !important;
  outline: none;
}
.woocommerce #payment,
.woocommerce-checkout #payment { background: var(--tk-mint) !important; border-radius: var(--tk-radius); }
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  width: 100%;
  font-size: 18px !important;
  min-height: 54px;
}

/* Съобщения / известия */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews {
  border-radius: var(--tk-radius-sm) !important;
  border-top: 0 !important;
  font-size: 16px;
  padding: 16px 18px 16px 46px !important;
}
.woocommerce-message { border-left: 4px solid var(--tk-green) !important; background: var(--tk-mint) !important; color: var(--tk-ink); }
.woocommerce-message:before { color: var(--tk-green) !important; }
.woocommerce-info { border-left: 4px solid var(--tk-amber) !important; background: #FFF7EA !important; color: var(--tk-ink); }
.woocommerce-info:before { color: var(--tk-amber-dark) !important; }
.woocommerce-error { border-left: 4px solid #DC2626 !important; background: #FEF2F2 !important; }

/* =====================================================================
   11. ФУТЪР
   ===================================================================== */
#main-footer {
  background: var(--tk-ink) !important;
  color: rgba(255,255,255,0.78);
}
#main-footer .footer-widget h4,
#main-footer .footer-widget .title {
  font-family: var(--tk-head) !important;
  color: #fff !important;
  font-weight: 700 !important;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 18px;
}
#main-footer .footer-widget h4:after,
#main-footer .footer-widget .title:after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 44px; height: 3px; border-radius: 3px; background: var(--tk-amber);
}
#main-footer .footer-widget,
#main-footer .footer-widget li,
#main-footer .footer-widget a,
#footer-widgets .footer-widget .textwidget { color: rgba(255,255,255,0.78) !important; }
#main-footer .footer-widget a:hover { color: var(--tk-amber) !important; }
#main-footer .footer-widget li { border: 0 !important; padding: 7px 0 !important; }

#et-footer-nav { background: rgba(0,0,0,0.18) !important; }
#et-footer-nav .bottom-nav,
.bottom-nav { text-align: center; }
#et-footer-nav .bottom-nav li a { color: rgba(255,255,255,0.82) !important; font-family: var(--tk-head); font-weight: 600; }
#et-footer-nav .bottom-nav li a:hover { color: var(--tk-amber) !important; opacity: 1; }

#footer-bottom { background: var(--tk-ink-2) !important; }
#footer-info,
#footer-info a { color: rgba(255,255,255,0.6) !important; width: 100%; margin: 0 auto; text-align: center !important; }
#footer-info a:hover { color: #fff !important; }
@media only screen and (min-width: 980px) {
  #footer-bottom .et-social-icons { margin-bottom: -28px; }
}

/* Бутон „нагоре" */
#et_top_home, .et_pb_scroll_top {
  background: var(--tk-green) !important;
  border-radius: var(--tk-radius-sm) !important;
}
#et_top_home:hover { background: var(--tk-green-dark) !important; }

/* =====================================================================
   12. РАЗНИ / ДОСТЪПНОСТ / РЕСПОНСИВНОСТ
   ===================================================================== */
.woocommerce .quantity input.qty { -moz-appearance: textfield; }

/* По-едри цени и текст на дребни екрани също остават четими */
@media (max-width: 980px) {
  body { font-size: 17px !important; }
  .woocommerce ul.products,
  .et_pb_shop ul.products { grid-template-columns: repeat(2, 1fr); gap: 18px !important; }
  .home .et_pb_text_0 { padding: 36px 24px !important; }
  .single-product form.cart .single_add_to_cart_button { min-width: 100%; }
}
@media (max-width: 560px) {
  .woocommerce ul.products,
  .woocommerce ul.products.columns-2,
  .et_pb_shop ul.products { grid-template-columns: 1fr; }
  .woocommerce ul.products li.product h2.woocommerce-loop-product__title { min-height: 0; }
}

/* Уважаваме предпочитание за намалено движение */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  .woocommerce ul.products li.product:hover { transform: none; }
}

/* =====================================================================
   13. ФИКСОВЕ (v1.1) — контраст на футъра, hover overlay, цени
   ===================================================================== */

/* --- 13.1 Футър: текстът в параграфите наследяваше глобалния тъмен p{} цвят
   (#374151) върху тъмния фон = сиво върху сиво. Правим го светъл и контрастен. --- */
#main-footer,
#main-footer p,
#main-footer li,
#main-footer span,
#main-footer div,
#main-footer .footer-widget,
#main-footer .footer-widget p,
#main-footer .footer-widget li,
#main-footer .footer-widget span,
#main-footer .footer-widget .textwidget,
#main-footer .footer-widget .textwidget *,
#footer-widgets .fwidget,
#footer-widgets .fwidget p,
#footer-widgets .fwidget li,
#footer-widgets .fwidget span {
  color: #E6EAF0 !important;   /* светло, висок контраст върху тъмен фон (за възрастни клиенти) */
}
#main-footer .footer-widget h1,
#main-footer .footer-widget h2,
#main-footer .footer-widget h3,
#main-footer .footer-widget h4,
#main-footer .footer-widget .title { color: #ffffff !important; }
#main-footer a,
#main-footer .footer-widget a { color: #E6EAF0 !important; }
#main-footer a:hover,
#main-footer .footer-widget a:hover { color: var(--tk-amber) !important; }
#footer-info,
#footer-info a { color: rgba(255,255,255,0.8) !important; }

/* --- 13.2 Hover overlay: Divi показваше бял празен блок (rgba(255,255,255,.9) без икона).
   Скриваме го — при hover остава смяната на снимката (wcspt) и повдигането на картата. --- */
.woocommerce li.product .et_overlay,
.woocommerce ul.products li.product .et_overlay,
.et_pb_shop .et_overlay,
.et_shop_image .et_overlay { display: none !important; }

/* --- 13.2b Смяна на снимката при hover (плъгин wcspt): втората снимка се показваше
   ПОД основната. Правим линка позициониращ контекст и вдигаме втората снимка отгоре,
   точно върху основната. --- */
.woocommerce li.product.wcspt-has-gallery > a:first-of-type {
  position: relative;
  display: block;
}
.woocommerce li.product.wcspt-has-gallery .et_shop_image { z-index: 1; }
.woocommerce li.product.wcspt-has-gallery .wcspt-secondary-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 2 !important;   /* над основната снимка */
}
/* баджът „-XX%" остава най-отгоре */
.woocommerce li.product.wcspt-has-gallery .onsale { z-index: 5 !important; }

/* --- 13.3 Цени в продуктовите карти: shop-модулът налага #ad2516 (червено),
   text-shadow, Verdana и дясно подравняване. Презаписваме с #page-container (1 ID),
   който надделява над class-базираните селектори на Divi. --- */
#page-container .et_pb_shop ul.products li.product .price,
#page-container .et_pb_shop ul.products li.product .price *,
#page-container .woocommerce ul.products li.product .price,
#page-container .woocommerce ul.products li.product .price * {
  text-shadow: none !important;
  font-family: var(--tk-head) !important;
  text-align: left !important;
}
/* редовна + промо (ins) цена = зелена, без зачертаване */
#page-container .et_pb_shop ul.products li.product .price,
#page-container .et_pb_shop ul.products li.product .price > .woocommerce-Price-amount,
#page-container .et_pb_shop ul.products li.product .price > .amount,
#page-container .et_pb_shop ul.products li.product .price ins,
#page-container .et_pb_shop ul.products li.product .price ins *,
#page-container .woocommerce ul.products li.product .price > .woocommerce-Price-amount,
#page-container .woocommerce ul.products li.product .price > .amount,
#page-container .woocommerce ul.products li.product .price ins,
#page-container .woocommerce ul.products li.product .price ins * {
  color: var(--tk-green) !important;
  text-decoration: none !important;
}
/* стара (зачертана) цена = приглушено сиво, само тя носи линията */
#page-container .et_pb_shop ul.products li.product .price del,
#page-container .et_pb_shop ul.products li.product .price del *,
#page-container .woocommerce ul.products li.product .price del,
#page-container .woocommerce ul.products li.product .price del * {
  color: var(--tk-muted) !important;
}
#page-container .et_pb_shop ul.products li.product .price del,
#page-container .woocommerce ul.products li.product .price del { text-decoration: line-through !important; }
/* второстепенна валута (лв.) — дребна и приглушена и за двете цени */
#page-container ul.products li.product .price .eur-price {
  color: var(--tk-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* --- 13.5 МОБИЛНО оформление на продуктите (95% трафик!).
   Divi модулът налага li.product { width:~150px; float:left } с висока специфичност →
   картите излизаха мънички, подредени в 1 колона с голямо празно поле вдясно.
   Презаписваме с #page-container (1 ID) и разширяваме редовете, за да запълнят екрана. --- */
@media (max-width: 980px) {
  /* по-широки редове на мобилни устройства — по-малко празно поле отстрани */
  #page-container .et_pb_row,
  #page-container .et_pb_row.et_pb_row_1_2_1_2,
  #page-container .et_pb_row.et_pb_gutters3 { width: 94% !important; max-width: 94% !important; }

  /* 2 реални колони, които запълват цялата ширина */
  #page-container .woocommerce ul.products,
  #page-container .et_pb_shop ul.products,
  #page-container .woocommerce ul.products.columns-1,
  #page-container .woocommerce ul.products.columns-2,
  #page-container .woocommerce ul.products.columns-3,
  #page-container .woocommerce ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
  }
  /* картите запълват клетката (край на 150px + float) */
  #page-container .woocommerce ul.products li.product,
  #page-container .et_pb_shop ul.products li.product,
  #page-container .woocommerce ul.products li.product.first,
  #page-container .woocommerce ul.products li.product.last {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 12px !important;
  }
  /* по-компактен текст в картите на мобилни */
  #page-container .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  #page-container .et_pb_shop ul.products li.product h2 {
    font-size: 15px !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
    padding: 12px 2px 6px !important;
  }
  #page-container .woocommerce ul.products li.product .price,
  #page-container .et_pb_shop ul.products li.product .price { font-size: 18px !important; }
  /* двойната валута (лв.) — на нов ред, за да не пренасят цените грозно */
  #page-container ul.products li.product .price .eur-price { font-size: 12px !important; display: block; margin-top: 2px; }
  /* бутон „Купи" запълва картата и е удобен за пръст */
  #page-container .woocommerce ul.products li.product .button,
  #page-container .et_pb_shop ul.products li.product .button { padding: 12px 14px !important; font-size: 15px !important; }
}

/* --- 13.6 Съобщение за ГРЕШКА: беше бял текст върху светло-розов фон (нечетимо).
   Правим текста тъмночервен и четим. --- */
.woocommerce-error,
.woocommerce-error li,
.woocommerce-error strong,
.woocommerce-error span {
  color: #991B1B !important;
}
.woocommerce-error a {
  color: #7F1D1D !important;
  text-decoration: underline;
  font-weight: 700;
}
.woocommerce-error a.button {           /* евентуален бутон „Виж количката" остава амбър */
  color: #fff !important;
  text-decoration: none;
}
.woocommerce-error::before { color: #DC2626 !important; }

/* Успех (message) и информация (info + празна количка) — също бяха с бял, нечетим текст.
   Форсираме тъмен текст (по-рано цветът беше без !important и Divi печелеше). */
.woocommerce-message,
.woocommerce-message li,
.woocommerce-message strong,
.woocommerce-message span,
.woocommerce-message p { color: var(--tk-ink) !important; }
.woocommerce-message a:not(.button) { color: var(--tk-green-dark) !important; text-decoration: underline; font-weight: 700; }

.woocommerce-info,
.cart-empty,
.wc-empty-cart-message,
.woocommerce-info li,
.woocommerce-info strong,
.woocommerce-info span,
.woocommerce-info p { color: var(--tk-ink) !important; }
.woocommerce-info a:not(.button) { color: var(--tk-amber-dark) !important; text-decoration: underline; font-weight: 700; }

/* --- 13.7 Баджа „Разпродадено" върху изчерпани продукти в решетката/категориите --- */
.woocommerce li.product.outofstock .onsale,
.et_pb_shop li.product.outofstock .onsale { display: none !important; }   /* без промо на изчерпан */

/* Затъмняваме изчерпаните продукти с FILTER, а не с opacity.
   opacity презаписваше wcspt превключвателя (opacity 0↔1) и втората снимка оставаше
   постоянно полупрозрачна върху основната. filter не пипа видимостта/hover ефекта. */
.woocommerce li.product.outofstock .et_shop_image img,
.woocommerce li.product.outofstock .wcspt-secondary-img,
.et_pb_shop li.product.outofstock .et_shop_image img {
  filter: grayscale(0.65) brightness(0.86) !important;
}
.woocommerce ul.products li.product.outofstock::after,
.et_pb_shop ul.products li.product.outofstock::after {
  content: "Разпродадено";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 6;
  background: var(--tk-ink);
  color: #fff;
  font-family: var(--tk-head);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .01em;
  padding: 7px 13px;
  border-radius: var(--tk-radius-pill);
  box-shadow: 0 4px 12px rgba(0,0,0,.28);
  pointer-events: none;
}
@media (max-width: 980px) {
  .woocommerce ul.products li.product.outofstock::after,
  .et_pb_shop ul.products li.product.outofstock::after { top: 12px; left: 12px; font-size: 11px; padding: 6px 10px; }
}