/* =========================================================================
   WELLDO ESHOP ENHANCE  v1  —  nadstavba nad welldo-eshop-skin.css
   Shoptet Classic (template-11)
   Nasadenie: nahraj do Správce souborů a v HEAD pridaj DRUHÝ <link> ZA skin:
     <link rel="stylesheet" href="...welldo-eshop-skin.css">
     <link rel="stylesheet" href="...welldo-eshop-enhance.css">
   Rollback: stačí zmazať tento druhý <link> — základný skin ostáva.
   Používa tokeny zo skinu (--w-*); tu ich pre istotu definujem znovu.
   ========================================================================= */
:root{
  --w-ink:#14222A; --w-sek:#3D4D57; --w-page:#F7F3EC; --w-paper:#FFFDF9;
  --w-warm:#F2ECDF; --w-navy:#0E3A45; --w-blue:#2F7C86; --w-brass:#C4A35A; --w-brass-dark:#B08E45; --w-line:#E7DCC7;
}

/* -------------------------------------------------------------------------
   1) Pás konkurenčných výhod (benefitBanner) — homepage + kategórie
      Na detaile ho vypni natívne v Shoptete (banner → „Viditelný na" →
      odškrtni „Stránka produktu"), nech sa neduplikuje s pásom pri tlačidle.
   ------------------------------------------------------------------------- */
.benefitBanner__picture{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
.benefitBanner__item{ gap:12px; align-items:center; }
.benefitBanner__name, .benefitBanner__title{
  font-family:"Newsreader",Georgia,serif !important; color:var(--w-navy) !important; font-weight:600 !important;
}
.benefitBanner__desc, .benefitBanner__text{ color:var(--w-sek) !important; }

/* -------------------------------------------------------------------------
   2) Slim pás istôt pod tlačidlom „Do košíku" — LEN detail produktu
      Text je univerzálny (nezávislý od kategórie ani ceny).
   ------------------------------------------------------------------------- */
.p-detail .add-to-cart::after{
  content:"✓ Vyzkoušejte v showroomu      ✓ Rychlé doručení      ✓ Odborné poradenství 20 let";
  display:block;
  margin-top:16px;
  padding:12px 18px;
  background:var(--w-warm);
  border:1px solid var(--w-line);
  border-radius:12px;
  color:var(--w-navy);
  font-family:"Source Sans 3",sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.6;
  letter-spacing:.01em;
}

/* -------------------------------------------------------------------------
   3) Doladenie produktových kariet vo výpise
   ------------------------------------------------------------------------- */
/* jednotná výška: krátky popis orežeme na 2 riadky */
.product .p-desc{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--w-sek) !important;
  font-size:13.5px;
  line-height:1.5;
  margin-top:8px;
}
/* názov na 2 riadky, nech karty lícujú */
.product .name{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.6em;
}
/* skladovosť: ponechať pozitívny zelený signál, len zjemniť */
.product .availability{ font-weight:600; }
/* mierne zväčšiť hodnotenie, nech je viditeľnejšie */
.product .stars-wrapper{ transform:scale(1.05); transform-origin:left center; }

/* -------------------------------------------------------------------------
   4) Kategória — dlaždice podkategórií + lišta triedenia
   ------------------------------------------------------------------------- */
/* dlaždice podkategórií: zaoblené, značkový rámik namiesto sivého, hover */
.subcategories.with-image a{
  border-radius:14px !important;
  border:1px solid var(--w-line) !important;
  background:var(--w-paper) !important;
  transition:box-shadow .18s ease, border-color .18s ease, transform .1s ease;
}
.subcategories.with-image a:hover{
  border-color:var(--w-brass) !important;
  box-shadow:0 8px 22px rgba(14,58,69,.10) !important;
  transform:translateY(-1px);
}
/* lišta triedenia: pilulkové taby, aktívny navy */
.listSorting__control{
  border-radius:999px !important;
  padding:7px 16px !important;
  transition:background-color .15s ease;
}
.listSorting__control:hover{ background:var(--w-warm) !important; }
.listSorting__control--current{ background:var(--w-navy) !important; color:#fff !important; }

/* -------------------------------------------------------------------------
   5) Tlačidlá „Do košíku" (.btn-cart) — mosadz, jednotné s ostatnými CTA
      (skin chytal .btn-conversion; výpis a související produkty používajú
      .btn-cart.add-to-cart-button, ktoré ostávali zelené)
   ------------------------------------------------------------------------- */
.btn-cart, .add-to-cart-button{
  background:var(--w-brass) !important;
  color:var(--w-ink) !important;
  border:0 !important;
  border-radius:999px !important;
  font-weight:700 !important;
  transition:background-color .18s ease;
}
.btn-cart:hover, .add-to-cart-button:hover{
  background:var(--w-brass-dark) !important;
  color:#fff !important;
}
/* nadpis sekcie „Související produkty" */
.products-related-header{
  font-family:"Newsreader",Georgia,serif !important;
  color:var(--w-navy) !important;
  font-weight:500 !important;
}

/* -------------------------------------------------------------------------
   6) Zjednotenie s brandom — vlajky/štítky + potlačenie starých modrých
      konfliktov z HEAD (netreba HEAD upravovať, toto ich prebije)
   ------------------------------------------------------------------------- */
/* žiarivo modré odkazy v obsahu → welldo modrá */
.product-description a, .description-inner a, .blog-article a, .perex a{
  color:var(--w-blue) !important;
}
/* názvy produktov istota: navy (starý HEAD blok ich robil modré) */
a.name, .product a.name{ color:var(--w-navy) !important; }
a.name:hover, .product a.name:hover{ color:var(--w-blue) !important; }

/* ČESKÝ VÝROBEK: modrá → navy (česká vlajka v ::before ostáva) */
.flag-cesky-vyrobek{
  color:var(--w-navy) !important;
  border-color:var(--w-navy) !important;
}
/* PRO NAFUKOVACÍ VÍŘIVKY: modrý gradient → navy */
.flag-pro-nafukovaci-virivky{
  background:var(--w-navy) !important;
  border-color:var(--w-navy) !important;
  color:#fff !important;
}
/* TOP VÝBĚR: tmavá + žltá + „dýchacia" animácia → mosadz + navy, statické */
.flag.flag-tip{
  background-color:var(--w-brass) !important;
  color:var(--w-navy) !important;
  animation:none !important;
}
.flag.flag-tip::before{ color:var(--w-navy) !important; }

/* ZĽAVA (flag-discount): krikľavá Shoptet modrá #086df7 → welldo teal;
   sivá nečitateľná cena → biela, pôvodná cena prečiarknutá, % zvýraznené */
.flag.flag-discount{
  background-color:var(--w-blue) !important;
  border-color:var(--w-blue) !important;
  color:#fff !important;
}
.flag.flag-discount .price-standard,
.flag.flag-discount .price-standard span{
  color:rgba(255,255,255,.75) !important;
  text-decoration:line-through !important;
  font-weight:400 !important;
}
.flag.flag-discount .price-save{
  color:#fff !important;
  font-weight:700 !important;
}