/* ============================================================
   RUMIO – hlavička
   Horní část: logo · vyhledávání · přihlášení · košík (bílá)
   Spodní část: menu s kategoriemi (navy jako hero)
   ============================================================ */

/* výchozí hlavička a navigace GeneratePress se nepoužívají */
.site-header,#site-navigation,.mobile-menu-control-wrapper{display:none!important}

.rumio-header{background:#fff;position:sticky;top:0;z-index:1000;transition:box-shadow .2s ease}
.rumio-header__inner{width:var(--rumio-content-width);max-width:calc(100% - (var(--rumio-content-gutter) * 2));margin:0 auto}

/* ---------- horní část ---------- */
.rumio-header__top{background:#fff;border-bottom:1px solid var(--r-line)}
.rumio-header__inner--top{
  display:grid;grid-template-columns:1fr minmax(320px,560px) 1fr;align-items:center;gap:24px;
  min-height:96px;padding:12px 0;
}
.rumio-logo{justify-self:start;line-height:0}
.rumio-logo img,.rumio-logo .custom-logo{display:block;max-height:68px;width:auto;max-width:260px;object-fit:contain}
.rumio-logo__text{font:600 30px/1 var(--r-font-head);color:var(--r-navy);text-decoration:none}

/* vyhledávání */
.rumio-search{position:relative;margin:0}
.rumio-search input[type=search]{
  width:100%;height:48px;margin:0;padding:0 56px 0 18px;
  background:var(--r-paper);border:1px solid var(--r-line);border-radius:var(--r-radius);
  font:500 14px var(--r-font-body);color:var(--r-text);-webkit-appearance:none;appearance:none;
}
.rumio-search input[type=search]::placeholder{color:var(--r-muted)}
.rumio-search input[type=search]:focus{background:#fff;border-color:var(--r-gold);box-shadow:0 0 0 3px rgba(179,138,74,.14);outline:none}
.rumio-search button{
  position:absolute;top:4px;right:4px;width:40px;height:40px;padding:0;margin:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--r-gold);border:0;border-radius:var(--r-radius);color:#fff;cursor:pointer;transition:background .18s ease;
}
.rumio-search button:hover{background:var(--r-gold-dark);transform:none}

/* ikony vpravo */
.rumio-actions{justify-self:end;display:flex;align-items:center;gap:6px}
.rumio-action{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;
  min-width:64px;padding:6px 10px;border-radius:var(--r-radius);color:var(--r-navy);text-decoration:none;transition:color .18s ease,background .18s ease;
}
.rumio-action:hover{color:var(--r-gold-dark);background:var(--r-cream)}
.rumio-action svg{display:block}
.rumio-action__label{font-size:12px;font-weight:800;letter-spacing:.01em;text-transform:none;line-height:1}
.rumio-action__icon{position:relative;display:block;line-height:0}
.rumio-cart-count{
  position:absolute;top:-7px;right:-10px;min-width:18px;height:18px;padding:0 5px;
  display:flex;align-items:center;justify-content:center;
  background:var(--r-gold);color:#fff;border-radius:999px;font:900 10px/1 var(--r-font-body);
}
.rumio-cart-count.is-empty{display:none}

/* ---------- spodní část: kategorie ---------- */
.rumio-header__nav{background:var(--r-navy)}
.rumio-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}
.rumio-menu>li{position:relative;margin:0;flex:0 0 auto}
.rumio-menu a{
  display:block;white-space:nowrap;color:#fff;text-decoration:none;
  padding:16px clamp(8px,.95vw,17px);
  font-family:var(--r-font-body);font-weight:700;line-height:1.2;letter-spacing:.005em;text-transform:none;
  font-size:clamp(12px,.6vw + 5px,14px);   /* velikost se přizpůsobí šířce stránky */
  transition:color .18s ease,box-shadow .18s ease;
}
.rumio-menu>li:first-child>a{padding-left:0}

/* hamburger "Více" – kategorie, které se nevejdou do jednoho řádku */
.rumio-more{position:relative}
.rumio-more[hidden]{display:none}
.rumio-more__btn{
  display:flex;align-items:center;gap:8px;height:100%;margin:0;padding:0 0 0 clamp(10px,1vw,18px);
  background:transparent;border:0;border-radius:0;color:#fff;cursor:pointer;
  font:700 clamp(12px,.6vw + 5px,14px)/1 var(--r-font-body);letter-spacing:.01em;text-transform:none;
}
.rumio-more__btn:hover,.rumio-more.is-open .rumio-more__btn{background:transparent;color:var(--r-gold-light);box-shadow:inset 0 -3px 0 var(--r-gold);transform:none}
.rumio-more__list{
  display:none;position:absolute;top:100%;right:0;z-index:70;
  list-style:none;margin:0;padding:8px 0;width:min(480px,90vw);max-height:70vh;overflow:auto;
  column-count:2;column-gap:0;
  background:#fff;border:1px solid var(--r-line);border-top:3px solid var(--r-gold);
  border-radius:0 0 var(--r-radius) var(--r-radius);box-shadow:0 14px 35px rgba(15,35,45,.2);
}
.rumio-more.is-open .rumio-more__list{display:block}
.rumio-more__list li{break-inside:avoid;margin:0}
.rumio-more__list a{padding:10px 20px;color:var(--r-navy);font-size:12px;letter-spacing:.03em;white-space:normal;font-weight:700}
.rumio-more__list a:hover{background:var(--r-cream);color:var(--r-gold-dark);box-shadow:none}
.rumio-more__list li.current-menu-item>a{color:var(--r-gold-dark)}
.rumio-more__list .sub-menu{display:none}
.rumio-menu>li:hover>a,
.rumio-menu>li:focus-within>a,
.rumio-menu>li.current-menu-item>a,
.rumio-menu>li.current-menu-ancestor>a{color:var(--r-gold-light);box-shadow:inset 0 -3px 0 var(--r-gold)}

/* podkategorie */
.rumio-menu .sub-menu{
  list-style:none;margin:0;padding:8px 0;min-width:220px;
  position:absolute;top:100%;left:0;z-index:60;
  background:#fff;border:1px solid var(--r-line);border-top:3px solid var(--r-gold);
  border-radius:0 0 var(--r-radius) var(--r-radius);box-shadow:0 14px 35px rgba(15,35,45,.2);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;
}
.rumio-menu li:hover>.sub-menu,
.rumio-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.rumio-menu .sub-menu a{padding:10px 18px;color:var(--r-navy);font-size:12px;letter-spacing:.03em;text-transform:none;font-weight:700}
.rumio-menu .sub-menu a:hover{color:var(--r-gold-dark);background:var(--r-cream);box-shadow:none}

/* ---------- burger (jen mobil) ---------- */
.rumio-burger{
  display:none;width:44px;height:44px;padding:0;margin:0;
  background:transparent;border:0;border-radius:var(--r-radius);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.rumio-burger:hover{background:var(--r-cream);transform:none}
.rumio-burger span{display:block;width:22px;height:2px;background:var(--r-navy);border-radius:2px;transition:.2s ease}
.rumio-header.is-open .rumio-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rumio-header.is-open .rumio-burger span:nth-child(2){opacity:0}
.rumio-header.is-open .rumio-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- responsivita ---------- */
@media(max-width:1100px){
  .rumio-header__inner--top{grid-template-columns:auto minmax(220px,1fr) auto;gap:16px}
}
@media(max-width:900px){
  .rumio-header__inner--top{
    grid-template-columns:44px 1fr auto;grid-template-areas:"burger logo actions" "search search search";
    gap:10px 8px;min-height:0;padding:10px 0 12px;
  }
  .rumio-burger{display:flex;grid-area:burger}
  .rumio-logo{grid-area:logo;justify-self:center}
  .rumio-logo img,.rumio-logo .custom-logo{max-height:52px;max-width:200px}
  .rumio-actions{grid-area:actions}
  .rumio-search{grid-area:search}
  .rumio-action{min-width:0;padding:8px}
  .rumio-action__label{display:none}

  .rumio-header__nav{display:none}
  .rumio-header.is-open .rumio-header__nav{display:block}
  .rumio-header__nav .rumio-header__inner{width:100%;max-width:none;margin:0}
  .rumio-menu{display:block}
  .rumio-menu>li{border-bottom:1px solid rgba(255,255,255,.12)}
  .rumio-menu a{padding:15px var(--rumio-content-gutter);font-size:12px}
  .rumio-menu>li:first-child>a{padding-left:var(--rumio-content-gutter)}
  .rumio-more{display:none}
  .rumio-menu>li:hover>a,.rumio-menu>li.current-menu-item>a{box-shadow:inset 3px 0 0 var(--r-gold)}
  .rumio-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:0;border:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.06)}
  .rumio-menu .sub-menu a{color:#fff;padding-left:calc(var(--rumio-content-gutter) + 16px)}
  .rumio-menu .sub-menu a:hover{background:transparent;color:var(--r-gold-light)}
}


/* ============================================================
   PEVNÁ HLAVIČKA – zůstává nahoře při scrollování
   Po odscrollování (třída .is-stuck) se horní část zmenší.
   ============================================================ */
html{scroll-padding-top:150px}
body.admin-bar .rumio-header{top:32px}
@media(max-width:782px){body.admin-bar .rumio-header{top:46px}}

.rumio-header__inner--top{transition:min-height .2s ease,padding .2s ease}
.rumio-logo img,.rumio-logo .custom-logo{transition:max-height .2s ease}
.rumio-header.is-stuck{box-shadow:0 6px 24px rgba(13,45,59,.18)}
.rumio-header.is-stuck .rumio-header__inner--top{min-height:68px;padding-top:8px;padding-bottom:8px}
.rumio-header.is-stuck .rumio-logo img,
.rumio-header.is-stuck .rumio-logo .custom-logo{max-height:46px}
.rumio-header.is-stuck .rumio-action__label{display:none}
.rumio-header.is-stuck .rumio-action{min-width:0;padding:8px}

@media(max-width:900px){
  /* na mobilu se po odscrollování schová vyhledávání, aby hlavička nebrala místo */
  .rumio-header.is-stuck .rumio-header__inner--top{grid-template-areas:"burger logo actions";min-height:0}
  .rumio-header.is-stuck .rumio-search{display:none}
  .rumio-header.is-stuck .rumio-logo img,.rumio-header.is-stuck .rumio-logo .custom-logo{max-height:40px}
  /* dlouhé menu na mobilu se dá posouvat */
  .rumio-header.is-open .rumio-header__nav{max-height:calc(100vh - 120px);overflow-y:auto}
}