/* Pokušení chutí 2.1.0 — editorial header from approved visual */
:root{
  --pch-editorial-header-h:106px;
}

#site-header.pch-editorial-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:99990!important;
  width:100%!important;
  height:var(--pch-editorial-header-h)!important;
  min-height:var(--pch-editorial-header-h)!important;
  max-height:var(--pch-editorial-header-h)!important;
  margin:0!important;
  padding:0!important;
  background:#141310!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#eee6da!important;
  overflow:visible!important;
  backdrop-filter:blur(14px);
}
.pch-announcement + #site-header.pch-editorial-header{top:36px!important}
body.admin-bar #site-header.pch-editorial-header{top:32px!important}
body.admin-bar .pch-announcement + #site-header.pch-editorial-header{top:68px!important}

.pch-editorial-header__inner{
  width:min(1580px,calc(100% - 58px))!important;
  height:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  gap:30px!important;
}

.pch-editorial-brand{
  display:grid!important;
  grid-template-columns:48px auto!important;
  align-items:center!important;
  gap:14px!important;
  height:100%!important;
  color:#efe8dc!important;
  text-decoration:none!important;
}

.pch-editorial-brand__mark{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:1px solid rgba(197,154,70,.65)!important;
  background:#171512!important;
}

.pch-editorial-logo{
  display:block!important;
  width:44px!important;
  height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}

.pch-editorial-logo-fallback{
  color:#c59a46!important;
  font-size:20px!important;
}

.pch-editorial-brand__name{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  font-family:"Cormorant Garamond",serif!important;
  font-size:27px!important;
  line-height:.92!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  color:#eee6da!important;
  white-space:nowrap!important;
}
.pch-editorial-brand__name span{display:block!important}

.pch-editorial-nav{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:30px!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

.pch-editorial-nav__main{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(22px,2.3vw,42px)!important;
  height:100%!important;
}
.pch-editorial-nav__main a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  color:#ddd4c8!important;
  font-family:"Inter",sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease;
}
.pch-editorial-nav__main a:hover{color:#c59a46!important}

.pch-editorial-nav__tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(18px,1.8vw,32px)!important;
  height:100%!important;
}
.pch-editorial-nav__tools a,
.pch-editorial-nav__tools button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#ddd4c8!important;
  font-family:"Inter",sans-serif!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  border:0!important;
  background:transparent!important;
  padding:8px 0!important;
  margin:0!important;
  cursor:pointer!important;
  transition:color .18s ease;
}
.pch-editorial-nav__tools a:hover,
.pch-editorial-nav__tools button:hover{
  color:#c59a46!important;
}

.pch-editorial-wishlist{
  gap:9px!important;
}
.pch-wishlist-count-header{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:#c59a46!important;
  color:#15130f!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.pch-editorial-menu-toggle{
  display:none!important;
  width:46px!important;
  height:46px!important;
  border:0!important;
  background:transparent!important;
  padding:8px!important;
}
.pch-editorial-menu-toggle span{
  display:block!important;
  width:27px!important;
  height:1px!important;
  background:#eee6da!important;
  margin:7px auto!important;
}

/* Hide previous header classes if any cached rules target them */
#site-header .brand--v2,
#site-header .main-nav--v2,
#site-header .menu-toggle{
  all:unset;
}

/* Keep the approved editorial header visible above hero */
.pch-home-hero{
  padding-top:calc(var(--pch-editorial-header-h) + 100px)!important;
}
.pch-announcement ~ main .pch-home-hero{
  padding-top:calc(var(--pch-editorial-header-h) + 36px + 100px)!important;
}

/* search overlay remains fullscreen */
.search-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
}

@media(max-width:1380px){
  .pch-editorial-header__inner{
    width:min(100% - 40px,1480px)!important;
    gap:22px!important;
  }
  .pch-editorial-nav__main{
    gap:22px!important;
  }
  .pch-editorial-nav__tools{
    gap:18px!important;
  }
  .pch-editorial-nav__main a{
    font-size:12px!important;
  }
  .pch-editorial-nav__tools a,
  .pch-editorial-nav__tools button{
    font-size:11px!important;
  }
}

@media(max-width:1180px){
  #site-header.pch-editorial-header{
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
  }
  .pch-editorial-header__inner{
    grid-template-columns:1fr auto!important;
    width:calc(100% - 32px)!important;
  }
  .pch-editorial-brand{
    grid-template-columns:42px auto!important;
  }
  .pch-editorial-brand__mark{
    width:42px!important;
    height:42px!important;
  }
  .pch-editorial-logo{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .pch-editorial-brand__name{
    font-size:23px!important;
  }
  .pch-editorial-menu-toggle{
    display:block!important;
  }
  .pch-editorial-nav{
    position:fixed!important;
    top:82px!important;
    left:0!important;
    right:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 82px)!important;
    overflow:auto!important;
    padding:24px!important;
    background:#141310!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    transform:translateY(-140%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:.25s ease!important;
  }
  #site-header.menu-open .pch-editorial-nav{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .pch-editorial-nav__main,
  .pch-editorial-nav__tools{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    height:auto!important;
  }
  .pch-editorial-nav__main a,
  .pch-editorial-nav__tools a,
  .pch-editorial-nav__tools button{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    padding:15px 0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .pch-home-hero{
    padding-top:calc(82px + 80px)!important;
  }
  .pch-announcement ~ main .pch-home-hero{
    padding-top:calc(82px + 36px + 80px)!important;
  }
}


/* PCH 3.0.86 — announcement bar and fixed header must never overlap. */
:root{
  --pch-announcement-h:36px;
  --pch-adminbar-offset:0px;
}

body.admin-bar{
  --pch-adminbar-offset:32px;
}

/* Announcement is fixed above the editorial header. */
body.pch-has-announcement .pch-announcement{
  position:fixed !important;
  top:var(--pch-adminbar-offset) !important;
  left:0 !important;
  right:0 !important;
  z-index:99995 !important;
  width:100% !important;
  height:var(--pch-announcement-h) !important;
  min-height:var(--pch-announcement-h) !important;
  max-height:var(--pch-announcement-h) !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 20px !important;
  overflow:hidden !important;
}

body.pch-has-announcement .pch-announcement,
body.pch-has-announcement .pch-announcement a{
  line-height:var(--pch-announcement-h) !important;
}

/* Use body state instead of the old adjacent-sibling selector. */
body.pch-has-announcement #site-header.pch-editorial-header{
  top:calc(var(--pch-adminbar-offset) + var(--pch-announcement-h)) !important;
}

body:not(.pch-has-announcement) #site-header.pch-editorial-header{
  top:var(--pch-adminbar-offset) !important;
}

/* The mobile navigation starts immediately below the header as well. */
@media(max-width:1180px){
  body.pch-has-announcement .pch-editorial-nav{
    top:calc(var(--pch-adminbar-offset) + var(--pch-announcement-h) + 82px) !important;
    max-height:calc(100vh - var(--pch-adminbar-offset) - var(--pch-announcement-h) - 82px) !important;
  }

  body:not(.pch-has-announcement) .pch-editorial-nav{
    top:calc(var(--pch-adminbar-offset) + 82px) !important;
    max-height:calc(100vh - var(--pch-adminbar-offset) - 82px) !important;
  }
}

/* WordPress admin bar is 46 px tall on narrow screens. */
@media(max-width:782px){
  body.admin-bar{
    --pch-adminbar-offset:46px;
  }
}


/* PCH 3.0.87 — reserve real document space for fixed announcement + header.
   The fixed bars must not cover the first part of any page. */
.pch-fixed-header-spacer{
  display:block !important;
  width:100% !important;
  height:var(--pch-editorial-header-h) !important;
  min-height:var(--pch-editorial-header-h) !important;
  pointer-events:none !important;
}

body.pch-has-announcement .pch-fixed-header-spacer{
  height:calc(var(--pch-editorial-header-h) + var(--pch-announcement-h)) !important;
  min-height:calc(var(--pch-editorial-header-h) + var(--pch-announcement-h)) !important;
}

/* Homepage previously compensated for the fixed header inside the hero itself.
   The spacer now does that globally, so keep only the intended visual hero padding. */
.pch-home-hero{
  padding-top:100px !important;
}
body.pch-has-announcement .pch-home-hero,
.pch-announcement ~ main .pch-home-hero{
  padding-top:100px !important;
}

@media(max-width:1180px){
  .pch-fixed-header-spacer{
    height:82px !important;
    min-height:82px !important;
  }

  body.pch-has-announcement .pch-fixed-header-spacer{
    height:calc(82px + var(--pch-announcement-h)) !important;
    min-height:calc(82px + var(--pch-announcement-h)) !important;
  }

  .pch-home-hero,
  body.pch-has-announcement .pch-home-hero,
  .pch-announcement ~ main .pch-home-hero{
    padding-top:80px !important;
  }
}


/* PCH 3.0.91 — mobile menu starts immediately below the header.
   The menu is a child of the fixed/backdrop-filter header. Using another
   viewport-based fixed top offset effectively added the header position twice. */
@media(max-width:1180px){
  #site-header.pch-editorial-header .pch-editorial-nav{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:20px 24px 24px !important;
    box-sizing:border-box !important;
  }

  body.pch-has-announcement #site-header.pch-editorial-header .pch-editorial-nav,
  body:not(.pch-has-announcement) #site-header.pch-editorial-header .pch-editorial-nav{
    top:100% !important;
  }

  body.pch-has-announcement #site-header.pch-editorial-header .pch-editorial-nav{
    max-height:calc(100dvh - var(--pch-adminbar-offset) - var(--pch-announcement-h) - 82px) !important;
  }

  body:not(.pch-has-announcement) #site-header.pch-editorial-header .pch-editorial-nav{
    max-height:calc(100dvh - var(--pch-adminbar-offset) - 82px) !important;
  }

  /* No artificial gap before the first menu item. */
  #site-header.pch-editorial-header .pch-editorial-nav__main,
  #site-header.pch-editorial-header .pch-primary-menu,
  #site-header.pch-editorial-header .pch-primary-menu > li:first-child,
  #site-header.pch-editorial-header .pch-primary-menu > li:first-child > a{
    margin-top:0 !important;
  }
}


/* PCH 3.0.93 — mobile WordPress admin bar may scroll out of view.
   JS updates this variable from the bar's real viewport position. */
@media(max-width:782px){
  body.admin-bar{
    --pch-adminbar-offset:0px;
  }
}

/* Keep fixed announcement and header flush to the actual visible viewport edge. */
@media(max-width:1180px){
  body.pch-has-announcement .pch-announcement{
    top:var(--pch-adminbar-offset) !important;
  }

  body.pch-has-announcement #site-header.pch-editorial-header{
    top:calc(var(--pch-adminbar-offset) + var(--pch-announcement-h)) !important;
  }

  body:not(.pch-has-announcement) #site-header.pch-editorial-header{
    top:var(--pch-adminbar-offset) !important;
  }
}