/* =========================================================================
   Nová hlavička (návrh A1) – načítava sa iba pri náhľade (inc/hlavicka.php)
   Mobil základ, PC od 1025 px (rovnako ako WoodMart). Po schválení presunúť do revolo.css.
   ========================================================================= */
.rv-hd-on{
  --rv-hd-ink:#1d1d1f;
  --rv-hd-gut:15px;
  --rv-hd-list-w:280px;
  --rv-hd-chips-h:59px; /* riadok kategórií na mobile: 10 + 38 + 10 + 1 px čiara */
  --rv-hd-shade:rgba(29,29,31,.28);
}
/* lepiaca hlavička WoodMartu sa pri posúvaní umiestňuje voči <header> (pás je nad ním, nie v ňom) */
.rv-hd-on .whb-header{position:relative}
.rv-hd-wrap{max-width:var(--wd-container-w,1440px);margin:0 auto;padding:0 var(--rv-hd-gut);box-sizing:border-box}
.rv-ic{width:22px;height:22px;flex:none;display:block}

/* --- modrý pás hore --- */
.rv-hd-top{background:var(--rv-brand);color:#fff;font-size:13px;line-height:1.3}
.rv-hd-top .rv-hd-wrap{display:flex;align-items:center;justify-content:center;gap:28px;min-height:36px}
.rv-hd-usp{display:flex;align-items:center;gap:7px}
.rv-hd-top .rv-ic{width:16px;height:16px}
.rv-hd-top .rv-hd-pc{display:none}
.rv-hd-links{margin-left:auto;gap:20px}
.rv-hd-top .rv-hd-links a{color:#fff;opacity:.85}
.rv-hd-top .rv-hd-links a:hover{opacity:1;color:#fff}

/* --- vyhľadávanie (PC, stredný stĺpec WoodMartu) --- */
.rv-hd-on .whb-col-right .wd-header-search{display:none}
.rv-hd-on .whb-general-header .whb-col-center{flex:0 1 640px}
.rv-hd-search{position:relative;width:100%;max-width:620px;margin:0 auto}
.rv-hd-on .rv-hd-search .searchform{display:flex;align-items:center;gap:10px;height:46px;padding:0 5px 0 14px;border:1px solid var(--rv-line);border-radius:var(--rv-radius-md);background:var(--rv-surface);transition:border-color var(--rv-ease),background-color var(--rv-ease)}
.rv-hd-on .rv-hd-search .searchform:focus-within{border-color:var(--rv-action);background:#fff;box-shadow:var(--rv-focus-ring)}
.rv-hd-search-ic{color:var(--rv-muted);width:20px;height:20px}
.rv-hd-on .rv-hd-search .searchform input[type=text]{flex:1;min-width:0;height:44px;padding:0;border:0;background:none;box-shadow:none;font-size:15px;color:var(--rv-hd-ink)}
.rv-hd-on .rv-hd-search .searchform .searchsubmit{position:static;inset:auto;width:auto;height:36px;padding:0 16px;border-radius:var(--rv-radius-sm);background:var(--rv-brand);color:#fff;font-size:14px;font-weight:600;line-height:36px;text-transform:none;letter-spacing:0;display:none}
.rv-hd-on .rv-hd-search .searchform:focus-within .searchsubmit{display:block}
.rv-hd-on .rv-hd-search .searchform .searchsubmit::before,.rv-hd-on .rv-hd-search .searchform .searchsubmit::after{content:none}
.rv-hd-search .wd-search-results{left:0;right:0;top:calc(100% + 6px);border-radius:var(--rv-radius-md)}

/* --- mobil: posúvateľné dlaždice kategórií pod hlavičkou (riadok Produkty iba na PC) --- */
.rv-hd-nav{display:none}
.rv-hd-mchips{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;box-sizing:border-box;padding:10px var(--rv-hd-gut);background:#fff;border-bottom:1px solid var(--rv-line-soft)}
.rv-hd-mchips::-webkit-scrollbar{display:none}
/* Mobil a tablet: pri posune odíde iba modrý pás, logo + kategórie ostanú hore (position:sticky).
   Lepenie WoodMartu (absolute/fixed, neskôr naskočí) sa tu vypne. Výnimka z mobile-first: na PC ostáva lepenie WoodMartu. */
@media (max-width:1024px){
  .rv-hd-on .whb-header{position:sticky;top:var(--wd-admin-bar-h,0px);z-index:390}
  .rv-hd-on .whb-header.whb-sticky-prepared{padding-top:0}
  .rv-hd-on .whb-header.whb-sticky-prepared .whb-main-header,.rv-hd-on .whb-header.whb-sticked .whb-main-header{position:relative;top:auto}
  .rv-hd-on .whb-header.whb-sticked:not(.whb-clone) .whb-general-header-inner{height:var(--wd-header-general-sm-h);max-height:none}
  .rv-hd-on .whb-header .whb-general-header{background-color:#fff;box-shadow:none}
  .rv-hd-on .whb-header .whb-main-header{z-index:3}
  /* riadok kategórií je mimo toku (miesto mu drží margin hlavičky) → pri skrytí sa obsah neposúva;
     pri posune dole sa schová pod riadok s logom, pri posune hore sa vráti (trieda rv-hd-chips-hide z JS) */
  .rv-hd-on .whb-header{margin-bottom:var(--rv-hd-chips-h)}
  .rv-hd-on .rv-hd-mchips{position:absolute;top:100%;left:0;right:0;height:var(--rv-hd-chips-h);transition:transform var(--rv-ease),visibility var(--rv-ease)}
  .rv-hd-on .rv-hd-chips-hide .rv-hd-mchips{transform:translateY(-100%);visibility:hidden}
  .rv-hd-on .rv-hd-chips-hide .whb-general-header{box-shadow:0 8px 16px -10px rgba(38,54,122,.22)}
}
.rv-hd-mchips{z-index:1;box-shadow:0 8px 16px -10px rgba(38,54,122,.22)}
.rv-hd-chip{display:flex;align-items:center;gap:8px;flex:none;height:38px;padding:0 14px 0 5px;border-radius:999px;background:var(--rv-surface);color:var(--rv-hd-ink);font-size:14px;font-weight:500;white-space:nowrap}
.rv-hd-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--rv-brand)}
.rv-hd-chip .rv-ic{width:17px;height:17px}
.rv-hd-on .rv-hd-chip:hover{color:var(--rv-brand)}

/* --- PC --- */
@media (min-width:1025px){
  .rv-hd-top .rv-hd-pc{display:flex}
  /* lepiaca časť na PC plne biela (WoodMart má priesvitnú 68 %), aby cez logo a hľadanie nepresvital obsah */
  .rv-hd-on .whb-header .whb-general-header{background-color:#fff}
  .rv-hd-top .rv-hd-wrap{justify-content:flex-start}
  .rv-hd-mchips{display:none}
  .rv-hd-on .whb-header.whb-sticked .whb-general-header{box-shadow:none}

  .rv-hd-nav{display:block;position:relative;background:#fff;border-top:1px solid var(--rv-line-soft);box-shadow:0 8px 18px -10px rgba(38,54,122,.22)}
  /* WoodMart pri lepiacej hlavičke odsadí obsah iba o výšku riadku s logom (--wd-header-h) → pridať riadok Produkty (56 px + 1 px čiara) */
  .rv-hd-on .whb-sticky-prepared{padding-top:calc(var(--wd-header-h) + 57px)}
  .rv-hd-nav>.rv-hd-wrap{display:flex;align-items:center;height:56px}
  .rv-hd-prod{display:flex;align-items:center;align-self:stretch;margin-right:16px}
  .rv-hd-prod-btn{display:flex;align-items:center;gap:10px;height:42px;padding:0 18px;border-radius:var(--rv-radius-md);background:var(--rv-brand);font-size:15px;font-weight:600}
  .rv-hd-nav .rv-hd-prod-btn,.rv-hd-nav .rv-hd-prod-btn:hover{color:#fff}
  .rv-hd-prod-btn .rv-ic{width:20px;height:20px}
  .rv-hd-prod-btn .rv-hd-dn{width:16px;height:16px;transition:transform var(--rv-ease)}
  .rv-hd-prod:hover .rv-hd-dn{transform:rotate(180deg)}

  .rv-hd-nav .rv-hd-chips{display:flex;flex:1;min-width:0;gap:4px;overflow:hidden}
  .rv-hd-chip{height:40px;background:none;font-size:14.5px}
  .rv-hd-chip span{background:var(--rv-surface)}
  .rv-hd-chip:hover{background:var(--rv-surface)}
  .rv-hd-chip:hover span{background:#fff}

  .rv-hd-side{display:flex;align-items:center;gap:22px;flex:none;padding-left:16px;white-space:nowrap;font-size:15px;font-weight:600}
  .rv-hd-side a{display:flex;align-items:center;gap:7px}
  .rv-hd-on .rv-hd-side a{color:var(--rv-hd-ink)}
  .rv-hd-side .rv-ic{width:18px;height:18px;color:var(--rv-muted)}
  .rv-hd-on .rv-hd-side .rv-hd-b2b{padding:8px 14px;border-radius:999px;background:var(--rv-icon-bg);color:var(--rv-brand)}
  .rv-hd-side .rv-hd-b2b .rv-ic{color:var(--rv-brand)}

  /* rozbaľovacie menu Produkty */
  .rv-hd-mega{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;background:#fff;border-top:1px solid var(--rv-line-soft);
    box-shadow:0 24px 48px rgba(38,54,122,.12),0 0 0 100vmax var(--rv-hd-shade);clip-path:inset(0 -100vmax -100vmax -100vmax)}
  .rv-hd-prod:hover .rv-hd-mega,.rv-hd-prod:focus-within .rv-hd-mega{display:block}
  .rv-hd-mega>.rv-hd-wrap{position:relative;display:flex;min-height:600px}
  .rv-hd-list{box-sizing:border-box;width:var(--rv-hd-list-w);margin:0;padding:16px 0 20px;list-style:none;border-right:1px solid var(--rv-line-soft)}
  .rv-hd-list>li{margin:0;padding-right:16px;list-style:none}
  .rv-hd-cat{display:flex;align-items:center;gap:12px;padding:5px 10px;border-radius:var(--rv-radius-sm);font-size:15px;font-weight:500;color:var(--rv-hd-ink);transition:none}
  .rv-hd-cat span{transition:none} /* zvýraznenie bez plynulého prechodu – inak dobieha na predošlej kategórii */
  .rv-hd-cat span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--rv-surface);color:var(--rv-brand)}
  .rv-hd-cat span .rv-ic{width:18px;height:18px}
  .rv-hd-cat small{margin-left:auto;font-size:12px;color:var(--rv-muted)}
  .rv-hd-arr{width:16px;height:16px;margin-left:auto;color:var(--rv-brand);visibility:hidden}
  .rv-hd-on .rv-hd-list>li:hover>.rv-hd-cat,.rv-hd-on .rv-hd-list:not(:hover)>li:first-child>.rv-hd-cat{background:var(--rv-icon-bg);color:var(--rv-brand);font-weight:600}
  .rv-hd-list>li:hover>.rv-hd-cat span,.rv-hd-list:not(:hover)>li:first-child>.rv-hd-cat span{background:#fff}
  .rv-hd-list>li:hover .rv-hd-arr,.rv-hd-list:not(:hover)>li:first-child .rv-hd-arr{visibility:visible}

  /* panel sa skrýva cez display:none – pri visibility Chrome niekedy neprekreslil skrytý panel (texty iných kategórií presvitali) */
  .rv-hd-panel{display:none;position:absolute;top:0;bottom:0;left:calc(var(--rv-hd-list-w) + var(--rv-hd-gut) - 1px);right:var(--rv-hd-gut);background:#fff;
    padding:24px 0 24px 40px;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
  .rv-hd-list>li:hover>.rv-hd-panel,.rv-hd-list:not(:hover)>li:first-child>.rv-hd-panel{display:grid}
  .rv-hd-cols{display:flex;flex-direction:column;gap:14px;min-width:0}

  /* nadpis panela: názov + počet, krátka rada, tlačidlo Zobraziť všetky */
  .rv-hd-h{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rv-line-soft)}
  .rv-hd-h p{display:flex;align-items:baseline;gap:10px;margin:0;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--rv-hd-ink)}
  .rv-hd-h p small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--rv-muted)}
  .rv-hd-h span{padding-left:16px;border-left:1px solid var(--rv-line);font-size:13px;color:var(--rv-muted)}
  .rv-hd-on .rv-hd-h a{display:flex;align-items:center;gap:6px;height:36px;margin-left:auto;padding:0 14px;border-radius:999px;background:var(--rv-icon-bg);color:var(--rv-brand);font-size:14px;font-weight:600;white-space:nowrap;transition:background-color var(--rv-ease),color var(--rv-ease)}
  .rv-hd-on .rv-hd-h a:hover{background:var(--rv-brand);color:#fff}
  .rv-hd-h a .rv-ic{width:16px;height:16px}

  /* spoločné: odkaz na celú kartu, odznak, počet, varianty */
  /* vľavo ikona druhu alebo „č.5“ bez krúžku (jediný krúžok na karte je šípka vpravo); rovnako široký stĺpec → názvy pod sebou */
  .rv-hd-badge{display:grid;place-items:center;flex:none;width:36px;height:36px;color:var(--rv-brand)}
  .rv-hd-badge .rv-ic{width:22px;height:22px}
  .rv-hd-badge-num{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}

  /* vypínače č.1, č.5 …: veľké karty po dvoch */
  .rv-hd-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rv-hd-typ{gap:14px;padding:12px 12px 12px 12px}
  .rv-hd-typ-t{flex:1;min-width:0}
  .rv-hd-typ-ex{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--rv-muted)}

  /* ostatné druhy: malé dlaždice po troch; s ďalšími podkategóriami cez celý riadok */
  .rv-hd-others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .rv-hd-sub .rv-sub-card-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* kategória bez podkategórií */
  .rv-hd-empty{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--rv-line-soft);border-radius:var(--rv-radius-md);font-size:13px;color:var(--rv-muted)}
  .rv-hd-empty i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--rv-surface);color:var(--rv-brand)}
  .rv-hd-empty b{display:block;font-size:15px;color:var(--rv-hd-ink)}
  .rv-hd-empty:hover{border-color:var(--rv-line);box-shadow:var(--rv-shadow)}

  /* rada: ako vybrať vypínač */
  .rv-hd-guide{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--rv-info-line);border-radius:var(--rv-radius-md);background:var(--rv-info-bg);font-size:13px;color:var(--rv-muted)}
  .rv-hd-guide i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--rv-action)}
  .rv-hd-guide i .rv-ic{width:20px;height:20px}
  .rv-hd-guide b{display:block;font-size:14px;color:var(--rv-hd-ink)}
  .rv-hd-guide-arr{margin-left:auto;width:20px;height:20px;color:var(--rv-action);transition:transform var(--rv-ease)}
  :is(.rv-hd-guide,.rv-hd-empty):hover .rv-hd-guide-arr{transform:translateX(3px)}

  /* vpravo: články z poradne ku kategórii */
  .rv-hd-arts{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--rv-radius-lg);background:var(--rv-surface)}
  .rv-hd-arts-h,.rv-hd-group{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rv-muted)}
  .rv-hd-group{margin:4px 0 -4px}
  .rv-hd-arts-h .rv-ic{width:16px;height:16px;color:var(--rv-action)}
  .rv-hd-art{display:block;padding:12px 14px;border:1px solid transparent;border-radius:var(--rv-radius-md);background:#fff;transition:var(--rv-transition)}
  .rv-hd-art:hover{border-color:var(--rv-line);box-shadow:var(--rv-shadow)}
  .rv-hd-art b{display:block;font-size:14px;font-weight:600;line-height:1.35;color:var(--rv-hd-ink)}
  .rv-hd-art span{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--rv-action)}
  .rv-hd-on .rv-hd-arts .rv-hd-arts-all{padding:4px 2px 0;font-size:13px;font-weight:600;color:var(--rv-action)}

}