/* Chuť dňa — Apple style header polish (Nov 2026) */
:root{
  --cd-glass:rgba(255,255,255,.72);
  --cd-glass-strong:rgba(255,255,255,.84);
  --cd-glass-line:rgba(183,205,191,.6);
  --cd-shadow-soft:0 16px 40px rgba(20,40,30,.08);
  --cd-shadow-float:0 22px 44px rgba(20,40,30,.12);
}
.cd-public .cd-sticky-shell{position:sticky;top:0;z-index:40}
.cd-public .cd-sticky-shell .cd-wrap{width:min(1380px,calc(100% - 44px))}
.cd-public .cd-sticky-shell .cd-header{
  position:relative!important;
  min-height:98px!important;
  padding:18px 2px!important;
  border-bottom:1px solid rgba(225,234,226,.9)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(251,250,247,.68))!important;
  backdrop-filter:blur(24px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.22)!important;
  box-shadow:0 12px 40px rgba(15,33,24,.05)!important;
  gap:16px!important;
  overflow:visible!important;
}
.cd-public .cd-brand{
  position:relative;z-index:3;gap:14px!important;font-size:26px!important;font-weight:700!important;letter-spacing:-1.3px!important;
  animation:cd-fade-up .55s cubic-bezier(.2,.8,.2,1) both;
}
.cd-public .cd-brand-mark{
  width:44px!important;height:44px!important;border-radius:15px!important;
  background:linear-gradient(135deg,#ff7c53,#f6b05d)!important;
  box-shadow:0 16px 30px rgba(255,108,70,.26), inset 0 1px 0 rgba(255,255,255,.35)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.cd-public .cd-brand:hover .cd-brand-mark{
  transform:translateY(-2px) scale(1.04) rotate(-6deg);
  box-shadow:0 20px 34px rgba(255,108,70,.3), inset 0 1px 0 rgba(255,255,255,.4)!important;
  filter:saturate(1.06);
}
.cd-public .cd-header-search{
  position:relative!important;
  display:flex!important;align-items:center!important;
  min-height:56px!important;
  border:1px solid rgba(177,203,188,.68)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(252,253,251,.86))!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  box-shadow:0 10px 26px rgba(17,35,26,.06), inset 0 1px 0 rgba(255,255,255,.84)!important;
  overflow:visible!important;
  transition:border-color .28s ease, box-shadow .28s ease, transform .28s ease, background .28s ease!important;
  animation:cd-fade-up .65s cubic-bezier(.2,.8,.2,1) both;
}
.cd-public .cd-header-search:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(17,35,26,.08), inset 0 1px 0 rgba(255,255,255,.92)!important}
.cd-public .cd-header-search:focus-within{
  transform:translateY(-1px) scale(1.002);
  border-color:#a7c8b4!important;
  box-shadow:0 16px 36px rgba(37,67,52,.12),0 0 0 5px rgba(167,200,180,.18), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.cd-public .cd-header-search input{
  height:54px!important;padding:0 22px!important;font-size:16px!important;font-weight:600!important;color:#1d2f29!important;
}
.cd-public .cd-header-search input::placeholder{color:#6d7e76;font-weight:500}
.cd-public .cd-header-search button{
  width:48px;height:48px;margin-right:5px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  color:#2f6b54!important;font-size:24px!important;
  transition:transform .24s ease,background .24s ease,color .24s ease!important;
}
.cd-public .cd-header-search button:hover{background:#edf6f0!important;color:#214a3a!important;transform:scale(1.06)}
.cd-public .cd-suggestions{
  border-radius:20px!important;
  border:1px solid rgba(214,227,218,.96)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 24px 50px rgba(17,35,26,.14)!important;
  animation:cd-drop-down .22s cubic-bezier(.2,.8,.2,1);
}
.cd-public .cd-header nav{
  position:relative;z-index:3;
  gap:clamp(12px,1.25vw,20px)!important;
  animation:cd-fade-up .72s cubic-bezier(.2,.8,.2,1) both;
}
.cd-public .cd-header nav>a,
.cd-public .cd-nav-categories>summary{
  position:relative;
  padding:11px 0!important;
  border-radius:999px;
  color:#1e2d28!important;
  transition:color .25s ease, transform .25s ease, opacity .25s ease!important;
}
.cd-public .cd-header nav>a::after,
.cd-public .cd-nav-categories>summary::after{
  content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#ff7a53,#f0ae5c);
  transform:scaleX(0);transform-origin:center;transition:transform .24s ease;
}
.cd-public .cd-header nav>a:hover,
.cd-public .cd-nav-categories>summary:hover{color:#264739!important;transform:translateY(-1px)}
.cd-public .cd-header nav>a:hover::after,
.cd-public .cd-nav-categories>summary:hover::after{transform:scaleX(1)}
.cd-public .cd-nav-icon,
.cd-public .cd-lang-trigger{
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,248,.86))!important;
  border:1px solid rgba(196,217,203,.9)!important;
  box-shadow:0 10px 24px rgba(18,37,27,.05), inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.cd-public .cd-nav-icon{
  width:42px!important;height:42px!important;border-radius:50%!important;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease!important;
}
.cd-public .cd-nav-icon:hover,
.cd-public .cd-lang-trigger:hover{
  background:linear-gradient(180deg,#ffffff,#eff6f1)!important;
  box-shadow:0 14px 28px rgba(18,37,27,.09), inset 0 1px 0 rgba(255,255,255,.92)!important;
  transform:translateY(-2px) scale(1.02)!important;
}
.cd-public .cd-lang-menu{position:relative;z-index:3;animation:cd-fade-up .8s cubic-bezier(.2,.8,.2,1) both}
.cd-public .cd-lang-trigger{
  min-height:52px!important;padding:0 18px!important;border-radius:20px!important;gap:12px!important;font-weight:700!important;
}
.cd-public .cd-lang-options{
  margin-top:10px!important;padding:10px!important;border-radius:18px!important;border:1px solid rgba(211,225,214,.95)!important;
  background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 24px 50px rgba(17,35,26,.13)!important;
}
.cd-public .cd-lang-option{border-radius:12px!important;transition:background .2s ease, transform .2s ease!important}
.cd-public .cd-lang-option:hover{background:#eef6f0!important;transform:translateX(2px)}

/* Desktop — search visually centered in the header */
@media (min-width: 1180px){
  .cd-public .cd-sticky-shell .cd-header{padding-left:6px!important;padding-right:6px!important}
  .cd-public .cd-header .cd-header-search{
    position:absolute!important;
    left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(610px,42vw)!important;max-width:610px!important;
    z-index:2;
  }
  .cd-public .cd-header .cd-header-search:hover{transform:translate(-50%,-51%)!important}
  .cd-public .cd-header .cd-header-search:focus-within{transform:translate(-50%,-51%) scale(1.003)!important}
  .cd-public .cd-header nav{margin-left:auto!important;justify-content:flex-end!important;flex:0 0 auto!important;padding-right:2px!important}
  .cd-public .cd-header .cd-lang-menu{margin-left:0!important}
}

@media (min-width: 901px) and (max-width:1179px){
  .cd-public .cd-sticky-shell .cd-wrap{width:min(1320px,calc(100% - 40px))}
  .cd-public .cd-header{display:grid!important;grid-template-columns:auto minmax(320px,1fr) auto auto!important;align-items:center!important;column-gap:18px!important}
  .cd-public .cd-header .cd-header-search{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:560px!important;justify-self:center!important}
  .cd-public .cd-header nav{margin-left:auto!important;justify-content:flex-end!important}
  .cd-public .cd-header .cd-lang-menu{margin-left:0!important}
}

/* Generic surface polish */
.cd-public .cd-card,
.cd-public .cd-recipe-card,
.cd-public .cd-nutrition,
.cd-public .cd-ingredients,
.cd-public .cd-assistant,
.cd-public .cd-plan,
.cd-public .cd-today{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.68))!important;
  border-color:rgba(223,233,225,.95)!important;
  box-shadow:0 18px 40px rgba(20,40,30,.05)!important;
}
.cd-public .cd-card:hover,.cd-public .cd-recipe-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 24px 48px rgba(20,40,30,.08)!important;
}
.cd-public .cd-hero-image,
.cd-public .cd-hero-dish,
.cd-public .cd-steps img{box-shadow:0 28px 64px rgba(25,49,37,.14)!important}

@media (max-width:900px){
  .cd-public .cd-sticky-shell .cd-wrap{width:min(100% - 24px,1380px)}
  .cd-public .cd-header{min-height:76px!important;padding:10px 0!important;gap:10px!important}
  .cd-public .cd-brand{font-size:22px!important;gap:12px!important}
  .cd-public .cd-brand-mark{width:38px!important;height:38px!important;border-radius:13px!important}
  .cd-public .cd-header-search{min-height:50px!important}
  .cd-public .cd-header-search input{height:48px!important;padding:0 18px!important;font-size:15px!important}
}
@media (max-width:640px){
  .cd-public .cd-header{padding-top:12px!important;padding-bottom:12px!important}
  .cd-public .cd-brand{font-size:20px!important}
}
@media (prefers-reduced-motion:reduce){
  .cd-public .cd-brand,.cd-public .cd-header-search,.cd-public .cd-header nav,.cd-public .cd-lang-menu{animation:none!important}
  .cd-public .cd-brand-mark,.cd-public .cd-nav-icon,.cd-public .cd-lang-trigger,.cd-public .cd-header-search{transition:none!important}
}
@keyframes cd-fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes cd-drop-down{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}