@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/* =========================================================================
   WELLDO ESHOP SKIN  v1  —  vizuálny súlad obchod.welldo.cz s welldo.cz
   Šablóna: Shoptet Classic (template-11)
   Nasadenie: nahraj tento súbor do Shoptet → Správce souborů a do HEAD
              vlož:  <link rel="stylesheet" href="URL-tohto-suboru.css">
   Pozn.: fonty sa načítavajú z Google Fonts (riadok @import hore). Pre prísne
          GDPR ich neskôr môžeme hostovať priamo v Shoptete (nahradí sa @import).
   ========================================================================= */

/* ---- Dizajnové tokeny welldo.cz („warm authority") ---- */
:root{
  --w-ink:#14222A;      /* hlavný text */
  --w-sek:#3D4D57;      /* sekundárny text */
  --w-page:#F7F3EC;     /* teplé pozadie stránky */
  --w-paper:#FFFDF9;    /* karty / plochy */
  --w-warm:#F2ECDF;
  --w-navy:#0E3A45;     /* primárna tmavá */
  --w-navy2:#0B2F39;
  --w-blue:#2F7C86;     /* odkazy / akcenty */
  --w-blue-dark:#165566;
  --w-brass:#C4A35A;    /* hlavné CTA (mosadz) */
  --w-brass-dark:#B08E45;
  --w-line:#E8DCC8;     /* linky / rámiky */
  /* prepíš Shoptet primárnu premennú */
  --color-primary:#0E3A45;
}

/* ---- Základ ---- */
body{
  font-family:"Source Sans 3",system-ui,-apple-system,sans-serif !important;
  color:var(--w-ink) !important;
  background:var(--w-page) !important;
}
#content, .content-wrapper, .container{ background:transparent; }

/* ---- Nadpisy: serifový Newsreader v navy ---- */
h1, h2, h3, .h1, .h2, .h3,
.category-title, .product-detail .p-detail-inner-header h1{
  font-family:"Newsreader",Georgia,serif !important;
  color:var(--w-navy) !important;
  font-weight:500 !important;
  letter-spacing:-.01em;
}
h1, .category-title{ font-size:clamp(28px,3.4vw,40px) !important; }

/* ---- Odkazy ---- */
a{ color:var(--w-blue); }
a:hover{ color:var(--w-blue-dark); }

/* ---- Tlačidlá ---- */
.btn, button[type=submit], input[type=submit]{
  font-family:"Source Sans 3",sans-serif !important;
  font-weight:700 !important;
  border:0 !important;
  border-radius:999px !important;
  transition:background-color .18s ease, transform .12s ease, box-shadow .18s ease;
}
.btn:hover{ transform:translateY(-1px); }

/* primárne (navy) */
.btn-primary, .btn-secondary{
  background:var(--w-navy) !important; color:#fff !important;
}
.btn-primary:hover, .btn-secondary:hover{ background:var(--w-blue-dark) !important; }

/* konverzné „do košíku" — mosadz (bola zelená #94bd23) */
.btn-conversion, .add-to-cart .btn, .p-detail-buy-button .btn{
  background:var(--w-brass) !important; color:var(--w-ink) !important;
  box-shadow:0 6px 18px rgba(196,163,90,.28);
}
.btn-conversion:hover, .add-to-cart .btn:hover, .p-detail-buy-button .btn:hover{
  background:var(--w-brass-dark) !important; color:#fff !important;
}

/* vyhľadávacie „HLEDAT" tlačidlo — mosadz (bolo žlté) */
.search .btn, #search-form .btn, form[action*="vyhledavani"] .btn,
.top-navigation-tools .btn, .search-button, .header-search .btn{
  background:var(--w-brass) !important; color:var(--w-ink) !important;
}

/* ---- Hlavička / horná lišta ---- */
#header, .header{ background:var(--w-paper) !important; }
.header-top, .top-navigation-bar, .navigation-buttons{ background:var(--w-paper) !important; }

/* ---- Hlavné menu (horná lišta navy, rozbaľovací panel svetlý) ---- */
.navigation-in, .menu-main, nav.fitted{ background:var(--w-navy) !important; }
/* horná úroveň = biely text na navy lište */
.navigation-in .menu-level-1 > li > a, nav.fitted .menu-level-1 > li > a, .menu-main .menu-level-1 > li > a{ color:#fff !important; }
.navigation-in .menu-level-1 > li > a:hover, nav.fitted .menu-level-1 > li > a:hover, .menu-main .menu-level-1 > li > a:hover{ color:var(--w-brass) !important; }
/* rozbaľovací panel má biele pozadie → tmavý navy text (inak biele na bielom) */
.menu-level-2, .menu-level-3{ background:var(--w-paper) !important; }
.menu-level-2 a, .menu-level-3 a, .menu-level-2 .menu-image, .menu-level-2 span{ color:var(--w-navy) !important; }
.menu-level-2 a:hover, .menu-level-3 a:hover{ color:var(--w-blue) !important; }

/* ---- Breadcrumbs ---- */
.breadcrumbs, .breadcrumbs a{ color:var(--w-sek) !important; font-size:13px; }
.breadcrumbs a:hover{ color:var(--w-blue) !important; }

/* ---- Produktové karty ---- */
.product{
  background:var(--w-paper) !important;
  border:1px solid var(--w-line) !important;
  border-radius:16px !important;
  overflow:hidden;
  transition:box-shadow .2s ease, transform .12s ease;
}
.product:hover{ box-shadow:0 14px 34px rgba(14,58,69,.12); transform:translateY(-2px); }
.product .p-in, .product .product-inner{ padding:12px !important; }

/* názov produktu — čitateľný navy (nie serif kvôli malým veľkostiam) */
.product .name, a.name{
  font-family:"Source Sans 3",sans-serif !important;
  color:var(--w-navy) !important; font-weight:700 !important;
}
.product .name:hover, a.name:hover{ color:var(--w-blue) !important; }

/* cena */
.price, .price-final, .product .price{
  color:var(--w-navy) !important; font-weight:700 !important;
}
.price-standard, .price-save{ color:var(--w-sek) !important; }

/* vlajky / štítky – jemné zaoblenie */
.flag{ border-radius:8px !important; }

/* ---- Stránkovanie ---- */
.pagination a, .pagination span{ border-radius:10px !important; }
.pagination .active, .pagination .selected{ background:var(--w-navy) !important; color:#fff !important; }

/* ---- Detail produktu ---- */
.p-detail .price-final, .p-final-price .price-final{ color:var(--w-navy) !important; }
.p-detail-tabs .tabs a.selected{ border-color:var(--w-brass) !important; color:var(--w-navy) !important; }

/* ---- Boxy / sekcie ---- */
.box, .product-list-headline, .products-block{ background:transparent; }
.section-header, .products-headline, .block-title{
  font-family:"Newsreader",Georgia,serif !important; color:var(--w-navy) !important;
}

/* ---- Formuláre ---- */
input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select{
  border:1px solid var(--w-line) !important; border-radius:10px !important;
}
input:focus, textarea:focus, select:focus{ outline:2px solid var(--w-blue); outline-offset:1px; }

/* ---- Doladenie: spojené skupiny ako jedna pilulka + zaoblený obrázok (v1.3) ---- */
/* vyhľadávanie: pole + HLEDAT splynú do jednej pilulky (koniec „rezu" vpravo) */
.search-input, .query-input, .search-form .form-control{ border-radius:999px 0 0 999px !important; }
.search-form .btn, .search-form button[type=submit]{ border-radius:0 999px 999px 0 !important; }
/* detail produktu: množstvo + „do košíku" splynú do jednej pilulky
   (samostatné tlačidlá vo výpise kategórií ostávajú plná pilulka) */
.add-to-cart input.amount{ border-radius:999px 0 0 999px !important; text-align:center; }
.add-to-cart .btn, .add-to-cart .btn-conversion, .add-to-cart button[type=submit]{ border-radius:0 999px 999px 0 !important; }
/* hlavný obrázok produktu + náhľady */
.p-main-image{ overflow:hidden !important; }
.p-main-image, .p-main-image img{ border-radius:16px !important; }
.p-thumbnails img, .p-thumbnails a{ border-radius:10px !important; }

/* ---- Pätička (svetlá, jednotná — tmavé logá/logo ostávajú čitateľné) ---- */
#footer, .footer{ background:var(--w-paper) !important; color:var(--w-sek) !important; border-top:1px solid var(--w-line) !important; }
#footer .footer-rows, #footer .footer-bottom, #footer .container,
.footer .footer-rows, .footer .footer-bottom, .footer .container{ background:transparent !important; }
#footer a, .footer a{ color:var(--w-navy) !important; }
#footer a:hover, .footer a:hover{ color:var(--w-blue) !important; }
#footer h3, #footer h4, .footer h3, .footer h4,
#footer .pageElement__heading, .footer .pageElement__heading{ color:var(--w-navy) !important; font-family:"Newsreader",Georgia,serif !important; font-weight:500 !important; }
#footer strong, .footer strong{ color:var(--w-navy) !important; }