/* ═══════════════════════════════════════════════════════════════════
   HNOJÍK SITE CHROME — sdílená hlavička + patička + sticky mobilní nav.
   Enqueue GLOBÁLNĚ (HVG_Shop_Catalog::enqueue_chrome), Elementor šablony
   hlavičky/patičky jsou vypnuté. Celý soubor je v RUCSS výjimce.

   ★ PALETA WEBU (jediný zdroj pravdy — nové styly VŽDY přes tyto proměnné):
     bílá / zelená #27ae60 / hnědá #6b4423 / béžová #faf6ec / černá #2d1d0e
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --hnj-white:#fff;
  --hnj-green:#27ae60;        /* akcentní zelená (ikony, ceny, úspěch) — jako hnojik.cz */
  --hnj-green-dark:#1b8644;   /* tmavší zelená (hover odkazů) */
  --hnj-brown:#6b4423;        /* hnědá (tlačítka, odkazy, rámečky CTA) */
  --hnj-brown-dark:#54351a;   /* hnědá hover */
  --hnj-ink:#2d1d0e;          /* „černá" — základní text */
  --hnj-heading:#4a2d14;      /* nadpisy (Fraunces) */
  --hnj-muted:#6f6252;        /* tlumený text */
  --hnj-cream:#faf6ec;        /* béžová — pozadí karet/patičky */
  --hnj-cream-2:#f6efdf;      /* béžová tmavší (hover, spodní bar) */
  --hnj-line:#e7ddc4;         /* linky/rámečky na béžové */
  --hnj-line-2:#eee3cf;       /* jemnější linky na bílé */
  --hnj-input:#d9cdb2;        /* rámečky inputů */
  --hnj-danger:#e74c3c;       /* badge/chyby — jako hnojik.cz */
}

/* Prázdný theme chrome (hello-elementor fallback po vypnutí Elementor šablon).
   #top-header = theme top bar (E-SHOP/Partneri + soc. ikony) — vylezl na SK
   článcích po vypnutí Template 2025 (dřív ho potlačoval Elementor wrapper). */
#site-header,#site-footer,#top-header{display:none !important}

/* Baseline, který dřív dodával Elementor kit: odkazy bez podtržení.
   Přebíjí WP global styles `a:where(...)` i hello-elementor `.page-content a`. */
body a,.page-content a,.comments-area a{text-decoration:none}
/* Baseline z kitu: obrázky nikdy nepřetečou kontejner (jinak např. dárky
   na checkoutu vyskočí v plné velikosti). */
img{max-width:100%;height:auto}
/* Theme entry-title duplikuje H1, který si obsah nese sám (Elementor/bloky/účet)
   — skrýt jen tam, kde obsah vlastní H1 má; jinde theme titulek zůstává. */
main.site-main:has(.elementor h1,.entry-content h1,.page-content h1) .page-header h1.entry-title{display:none}
.woocommerce-account h1.entry-title{display:none}
/* /katalog/ (shortcode hnojik_katalog): velký titulek „Katalog" je zbytečný — stačí
   dlaždice se Sortimentem nad nimi (přání Rudolfa 2.8.) */
main.site-main:has(.hk-wrap) .page-header h1.entry-title{display:none}
/* /darek-k-prvnimu-nakupu/: obsah má vlastní nadpis (H2 .hvg-fpg__title) — theme
   titulek by ho dubloval (Rudolf 9.8.) */
main.site-main:has(.hvg-fpg__title) .page-header h1.entry-title{display:none}

/* ── Hlavička — sticky, štíhlá ── */
.hvg-home-header{position:sticky;top:0;z-index:9000;background:var(--hnj-white);border-bottom:1px solid var(--hnj-line-2);box-shadow:0 2px 10px rgba(0,0,0,.05)}
.hvg-home-header__in{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:10px 16px}
.hvg-home-logo img{display:block;width:152px;height:auto}
.hvg-home-nav{display:flex;gap:18px;align-items:center;flex:1}
.hvg-home-nav a{color:var(--hnj-ink);text-decoration:none;font-weight:600;font-size:.98rem;padding:6px 2px}
.hvg-home-nav a:hover{color:var(--hnj-green-dark)}
.hvg-home-nav__mp{background:var(--hnj-brown);color:var(--hnj-white) !important;border-radius:999px;padding:7px 16px !important}
.hvg-home-nav__mp:hover{background:var(--hnj-brown-dark);color:var(--hnj-white) !important}
/* Grafická varianta tlačítka Tržiště (Jitka, 7.8.) — obrázek nese vlastní pill */
.hvg-home-nav__mp--img{background:none !important;padding:0 !important;border-radius:0;display:inline-flex;align-items:center}
.hvg-home-nav__mp--img img{display:block;height:36px;width:auto;transition:transform .15s} /* = výška chipu kalkulačky */
.hvg-home-nav__mp--img:hover{background:none !important}
.hvg-home-nav__mp--img:hover img{transform:scale(1.04)}
/* Akční ikony vpravo — produkční komponenty [hnojik_cart_icon] + [hnojik_user_badge]
   (zelené obrysové ikony s červenými badge; styly si nesou samy) */
.hvg-home-actions{display:flex;gap:12px;margin-left:auto;align-items:center}
@media(max-width:860px){.hvg-home-nav{display:none}.hvg-home-logo img{width:120px}}

/* ── Patička — bílá, černý text, zelená/hnědá jen jako akcent; bloky zřetelně oddělené ── */
/* Béžové podbarvení jako hlavičky pásů kategorií — patička se odlepí od bílé stránky (Rudolf 3.8.) */
.hvg-home-footer{background:var(--hnj-cream);border-top:1px solid var(--hnj-line);color:var(--hnj-ink);margin-top:40px}
.hvg-home-footer__in{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:0 34px;padding:38px 16px 30px}
.hvg-home-footer__col{display:flex;flex-direction:column;gap:5px;font-size:.95rem;color:var(--hnj-ink);line-height:1.6}
.hvg-home-footer__col+.hvg-home-footer__col{border-left:1px solid var(--hnj-line);padding-left:34px}
.hvg-home-footer__col p{margin:0}
/* Nadpisy skupin — malé zelené verzálky s hnědou linkou = jasné oddělení bloků */
.hvg-hf-h{font-family:inherit;text-transform:uppercase;font-size:.8rem;letter-spacing:.09em;font-weight:800;color:var(--hnj-green-dark);margin:0 0 12px;padding-bottom:8px;position:relative}
.hvg-hf-h::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:var(--hnj-brown);border-radius:2px}
.hvg-home-footer__col a{color:var(--hnj-ink);text-decoration:none;font-weight:500;padding:3px 0}
.hvg-home-footer__col a:hover{color:var(--hnj-green-dark)}
.hvg-hf-trust{line-height:1.9;color:var(--hnj-ink);font-weight:600;margin-top:8px !important}
/* Trust badge loga v patičce (Jitka: loga místo textu) — trust row je stavěný na
   šířku lišty, ve sloupci ho srovnáme pod sebe a zrušíme animaci pásu. */
.hvg-hf-trustrow{margin-top:10px}
.hvg-hf-trustrow .hgr-trust-row{position:static;width:auto;max-width:100%;overflow:visible;padding:0}
.hvg-hf-trustrow .hgr-trust-track{animation:none !important;width:auto !important;flex-wrap:wrap;justify-content:flex-start;gap:6px;max-width:100%}
/* Páry (mobilní karusel) rozpustit, ať jdou odznaky řadit napříč — jinak vznikala
   „hvězda" 1-2-1. Cílené 2 řádky: Google+Galerie (užší) / Heureka+Shop roku (Rudolf 7.8.). */
.hvg-hf-trustrow .hgr-trust-pair{display:contents}
.hvg-hf-trustrow .hgr-trust-item--google{order:1}
.hvg-hf-trustrow .hgr-trust-item--gallery{order:2}
.hvg-hf-trustrow .hgr-trust-item--heureka{order:3}
.hvg-hf-trustrow .hgr-trust-item--shoproku{order:4}
/* Odznakům chyběl vodorovný padding — text lepil na rámeček (Rudolf 7.8.) */
.hvg-hf-trustrow .hgr-trust-item{padding:6px 8px !important;box-sizing:border-box}
/* Sociální ikony — stejná řeč jako ikony v hlavičce: zelená + bílý vnitřek */
.hvg-hf-soc{display:flex;gap:9px;margin-top:10px}
.hvg-hf-soc a{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:var(--hnj-white);border:1.5px solid var(--hnj-green);color:var(--hnj-green) !important;transition:all .15s}
.hvg-hf-soc a:hover{background:var(--hnj-green);border-color:var(--hnj-green);color:var(--hnj-white) !important}
.hvg-hf-soc svg{display:block}
.hvg-home-footer__bar{border-top:1px solid var(--hnj-line);background:var(--hnj-cream-2)}
.hvg-home-footer__bar-in{max-width:1220px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 16px;font-size:.86rem;color:var(--hnj-muted)}
.hvg-home-footer__bar a{color:var(--hnj-brown);text-decoration:none;font-weight:600}
.hvg-home-footer__bar a:hover{color:var(--hnj-green-dark)}
/* Velká patička je JEN pro desktop (>1024 px). Na mobilu/tabletu je sticky lišta
   s Menu, které nese stejné informace — patička by je duplikovala (přání Rudolfa).
   Skrytí je v mnav bloku níž; responzivní varianty mřížky proto nejsou potřeba. */

/* ── Modal „Stav objednávky" — globální (odkaz v patičce; dřív jen na homepage) ── */
.hvg-sk-trackmodal{position:fixed;inset:0;z-index:100000}
.hvg-sk-trackmodal[hidden]{display:none}
.hvg-sk-trackmodal .hvg-mpp-backdrop{position:absolute;inset:0;background:rgba(30,20,10,.55);backdrop-filter:blur(2px)}
.hvg-sk-trackdlg{position:relative;margin:10vh auto 0;max-width:520px;width:calc(100% - 32px);background:#fdfbf6;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:22px 24px 24px}
.hvg-sk-trackdlg .hvg-mpp-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:1px solid var(--hnj-input);background:var(--hnj-white);color:var(--hnj-heading);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.hvg-sk-trackdlg .hvg-mpp-x:hover{background:var(--hnj-brown);color:var(--hnj-white)}
.hvg-sk-track-t{color:var(--hnj-heading);margin:0 34px 6px 0;font-size:1.3rem}
.hvg-sk-track-p{color:var(--hnj-muted);margin:0 0 14px;font-size:.92rem}

/* Kalkulačka „Kolik potřebuji?" v hlavičce — chip ladí s navigací; jen PC (>1024) */
.hvg-home-nav__calc .hkc-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--hnj-white);border:1.5px solid var(--hnj-green);border-radius:999px;padding:6px 14px;color:var(--hnj-green-dark);font-weight:700;font-size:.92rem;cursor:pointer;transition:background .15s,color .15s}
.hvg-home-nav__calc .hkc-trigger:hover{background:var(--hnj-green);color:var(--hnj-white)}
@media(max-width:1024px){.hvg-home-nav__calc{display:none}}

/* ── Fixní kontejner mobilní patičky (nav + trust row hodnocení) — jen mobil ── */
.hvg-home-mnav{display:none}
@media(max-width:1024px){ /* hvg-mnav-tablet-1024 */
  /* Místo pro sticky mobilní patičku — globálně (mobil i tablet/iPad). Musí pokrýt nav (57 px)
     I trust row hodnocení nad ním (52 px, absolute) — 11vh (73 px na iPhonu) nestačilo
     a pruh Google/Heureka překrýval spodní bar patičky. Marker hvg-mnav-pad-v2. */
  body{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
  .hvg-home-mnav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9500}
  .hvg-home-mnav .hmn-with-trust{width:100%}
  .hvg-home-mnav .hgr-trust-row{left:0;right:0;width:auto;max-width:none;overflow:hidden}
  .hvg-home-mnav .hgr-trust-track,.hvg-home-mnav .hgr-trust-pair{max-width:100%}
  .hvg-home-mnav .hmn-nav-outer{background:var(--hnj-white);border-top:1px solid var(--hnj-line-2);box-shadow:0 -4px 14px rgba(0,0,0,.08)}
  .hvg-home-footer{display:none} /* info z patičky nese Menu ve sticky liště */
}