/* Chuť dňa 3.2 — final unified UX layer, after legacy styles. */
:root{--cd32-forest:#17392d;--cd32-deep:#102a20;--cd32-lime:#f0bc6c;--cd32-paper:#fcfbf7;--cd32-ink:#1c3027;--cd32-muted:#687b70;--cd32-border:#e5ece4;--cd32-ease:cubic-bezier(.2,.75,.2,1)}
html{scroll-padding-top:100px}
body.cd-public{background:radial-gradient(ellipse 50% 28% at 94% 2%,#edf4e8 0,transparent 100%),#fbfaf7;color:var(--cd32-ink);-webkit-font-smoothing:antialiased}
.cd-public :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #dd9d41!important;outline-offset:4px}
.cd-public :is(button,a){-webkit-tap-highlight-color:transparent}
.cd-public .cd-wrap{width:min(1260px,calc(100% - 48px))}
.cd-public .cd-section{padding-top:60px;padding-bottom:60px}
.cd-public .cd-section-head{gap:20px;align-items:flex-end;margin-bottom:26px}
.cd-public .cd-section-head h2{font-size:clamp(27px,3.2vw,43px);font-weight:400;letter-spacing:-1.65px;line-height:1.14}
.cd-public .cd-eyebrow{font-weight:600;letter-spacing:1.5px}
.cd-public .cd-button{min-height:44px;gap:8px;transition:transform .2s var(--cd32-ease),box-shadow .2s var(--cd32-ease),background-color .2s}
.cd-public .cd-button:active{transform:translateY(1px) scale(.99)}
.cd-public .cd-button.cd-primary{background:var(--cd32-forest);border-color:var(--cd32-forest);color:#fff;box-shadow:0 9px 20px rgba(23,57,45,.16)}
.cd-public .cd-button.cd-primary:hover{background:#245441;box-shadow:0 12px 24px rgba(23,57,45,.22)}
.cd-public .cd-plain-link{border-bottom-color:currentColor;text-underline-offset:4px;transition:opacity .2s}
.cd-public .cd-plain-link:hover{opacity:.72}
/* Hero — image-led editorial, easier hierarchy */
.cd-public .cd-home-hero{gap:clamp(24px,4vw,62px);padding:55px 0 58px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.cd-public .cd-home-hero h1{font-size:clamp(43px,5.1vw,72px);line-height:1.075;font-weight:400;letter-spacing:-.058em;max-width:690px}
.cd-public .cd-home-hero>div>p{font-size:clamp(15px,1.4vw,18px);line-height:1.75;max-width:540px}
.cd-public .cd-hero-dish{border-radius:26px;min-height:390px;box-shadow:0 24px 60px rgba(19,50,37,.14);transition:transform .4s var(--cd32-ease),box-shadow .4s}
.cd-public .cd-hero-dish:hover{transform:translateY(-4px);box-shadow:0 32px 68px rgba(19,50,37,.18)}
.cd-public .cd-hero-dish>img{min-height:390px;object-fit:cover}
.cd-public .cd-dish-tag{background:rgba(255,255,255,.94);padding:15px 18px;border-radius:15px;line-height:1.4;max-width:85%}
/* Recipe cards — consistent image ratios, stronger content contrast */
.cd-public .cd-grid{gap:clamp(15px,2.1vw,25px)}
.cd-public .cd-card{height:100%;border:1px solid var(--cd32-border);border-radius:20px;background:#fff;box-shadow:0 7px 26px rgba(23,45,32,.045);transition:transform .3s var(--cd32-ease),box-shadow .3s var(--cd32-ease),border-color .3s}
.cd-public .cd-card:hover,.cd-public .cd-card:focus-within{transform:translateY(-5px);border-color:#d3e0d4;box-shadow:0 20px 48px rgba(23,45,32,.13)}
.cd-public .cd-card-visual{height:auto;aspect-ratio:1.42;overflow:hidden;background:#e7e9dc}
.cd-public .cd-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--cd32-ease)}
.cd-public .cd-card:hover .cd-card-visual img{transform:scale(1.045)}
.cd-public .cd-card-body{padding:21px 23px 24px;display:flex;flex-direction:column;gap:10px;min-height:178px}
.cd-public .cd-card-meta{color:#96674f;font-size:10px;line-height:1.6;letter-spacing:.075em}
.cd-public .cd-card h3{font-size:clamp(18px,1.45vw,21px);line-height:1.35;letter-spacing:-.045em;font-weight:600;margin:0}
.cd-public .cd-card-stats{margin-top:auto;border-top:1px solid #edf0ec;padding-top:12px;font-size:12px;color:#65756a}
/* Video section retains its dark identity; no gray cards */
.cd-public .cd-home-videos-surface{padding:clamp(22px,3vw,42px);background:linear-gradient(135deg,#183a2d,#10271f);border:1px solid rgba(255,255,255,.06);border-radius:28px}
.cd-public .cd-home-videos .cd-card{background:#224334!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important}
.cd-public .cd-home-videos .cd-card:hover{box-shadow:0 23px 43px rgba(0,0,0,.19)!important;border-color:rgba(236,188,100,.6)!important}
.cd-public .cd-home-videos .cd-card-stats{border-top-color:rgba(255,255,255,.16)}
.cd-public .cd-video-feature-play{transition:transform .25s var(--cd32-ease),background-color .25s}
/* Weekly plan, magazine, empty state: more legible selection */
.cd-public .cd-plan{background:#fff;border:1px solid var(--cd32-border);box-shadow:0 14px 46px rgba(32,56,42,.045);padding:clamp(21px,3vw,43px);border-radius:27px}
.cd-public .cd-plan-item{min-height:132px;border-radius:14px;transition:transform .22s var(--cd32-ease),box-shadow .22s,border-color .22s}
.cd-public .cd-plan-item.active{background:var(--cd32-forest);border-color:var(--cd32-forest)}
.cd-public .cd-plan-preview{border-radius:15px;min-height:75px}
.cd-public .cd-empty-state{border-radius:20px;box-shadow:0 8px 30px rgba(23,45,32,.05)}
/* Detail: recipe jump navigation and step completion */
.cd-public .cd-recipe-hero{gap:clamp(20px,4vw,52px);padding-top:48px;padding-bottom:34px}
.cd-public .cd-recipe-hero h1{font-weight:400;letter-spacing:-.05em;line-height:1.12}
.cd-public .cd-hero-image{border-radius:24px;box-shadow:0 22px 55px rgba(23,57,45,.13)}
.cd-public .cd-facts span{background:#fff;border-color:var(--cd32-border);color:#335346}
.cd-recipe-jump{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 0 24px;margin:0 0 15px;border-bottom:1px solid var(--cd32-border)}
.cd-recipe-jump .cd-recipe-jump-label{font:600 11px/1.3 'DM Mono',monospace;letter-spacing:.075em;text-transform:uppercase;color:#698073;margin-right:7px}
.cd-recipe-jump a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 17px;background:white;border:1px solid #dce7dd;border-radius:999px;font-weight:600;font-size:13px;line-height:1.2;text-decoration:none!important;transition:background .22s,color .22s,border-color .22s,transform .22s}
.cd-recipe-jump a:hover,.cd-recipe-jump a:focus-visible{background:#e8f3eb;border-color:#a9c5b1;transform:translateY(-2px)}
.cd-recipe-jump a.is-active{background:var(--cd32-forest);color:#fff;border-color:var(--cd32-forest)}
.cd-public .cd-recipe-layout{gap:clamp(20px,3vw,42px)}
.cd-public .cd-ingredients,.cd-public .cd-content,.cd-public .cd-nutrition{border-radius:23px}
.cd-public .cd-ingredients{border:1px solid #e0ebe1;background:#fff;box-shadow:0 8px 30px rgba(23,45,32,.045)}
.cd-public .cd-ingredients li{line-height:1.7}
.cd-public .cd-steps>li{position:relative;transition:background .2s,border-color .2s,opacity .2s}
.cd-public .cd-steps>li.is-cooked{opacity:.7}
.cd-public .cd-steps>li.is-cooked h3{text-decoration:line-through;text-decoration-color:#8ca799;text-decoration-thickness:1px}
.cd-cook-step-check{display:inline-flex;gap:8px;align-items:center;margin:15px 0 3px;min-height:39px;padding:9px 14px;color:#25503b;background:#eef6ee;border:1px solid #d5e6d6;border-radius:999px;font:600 12px/1.2 'Open Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.cd-cook-step-check:hover{background:#e1f0e4;transform:translateY(-1px)}
.cd-cook-step-check[aria-pressed='true']{background:#234f3c;color:white;border-color:#234f3c}
.cd-cooking-progress{display:flex;align-items:center;gap:12px;margin:8px 0 24px;padding:13px 16px;background:#f0f6ef;border-radius:15px;color:#2c513c;font-size:13px;font-weight:600}
.cd-cooking-progress-track{height:6px;border-radius:99px;background:#d6e5d9;overflow:hidden;flex:1;min-width:70px}
.cd-cooking-progress-fill{height:100%;width:0;background:#3c8461;transition:width .28s}
.cd-public .cd-video{scroll-margin-top:98px}
.cd-public :is(#suroviny,#postup,#video){scroll-margin-top:105px}
/* feedback and gentle scroll arrival, never hide content while waiting for JS */
.cd32-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,16px);z-index:1000;background:#173b2c;color:#fff;padding:13px 20px;border-radius:14px;box-shadow:0 12px 38px #172b2260;opacity:0;pointer-events:none;font-size:13px;line-height:1.45;max-width:min(460px,calc(100vw - 30px));transition:opacity .25s,transform .25s}
.cd32-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.cd-public [data-cd32-reveal]{transition:opacity .65s var(--cd32-ease),transform .65s var(--cd32-ease)}
.cd-public [data-cd32-reveal].cd32-before{opacity:.55;transform:translateY(13px)}
.cd-public .cd-header{border-bottom-color:#e7eee6}
.cd-public .cd-footer{margin-top:20px}
@media(max-width:1000px){.cd-public .cd-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cd-public .cd-recipe-layout{gap:20px}}
@media(max-width:760px){.cd-public .cd-wrap{width:min(100% - 32px,1260px)}.cd-public .cd-home-hero{grid-template-columns:1fr;padding:35px 0 42px;gap:24px}.cd-public .cd-home-hero h1{font-size:clamp(39px,9vw,58px);letter-spacing:-.052em}.cd-public .cd-hero-dish,.cd-public .cd-hero-dish>img{min-height:300px}.cd-public .cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-public .cd-section{padding:40px 0}.cd-public .cd-recipe-hero{padding-top:30px}.cd-public .cd-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cd-public .cd-home-videos .cd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cd-public .cd-wrap{width:calc(100% - 28px)}.cd-public .cd-grid,.cd-public .cd-home-videos .cd-grid{grid-template-columns:1fr}.cd-public .cd-card-visual{aspect-ratio:1.56}.cd-public .cd-card-body{min-height:auto;padding:18px 19px 20px}.cd-public .cd-section-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.cd-public .cd-section-head h2{font-size:31px}.cd-public .cd-plan{padding:19px}.cd-public .cd-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-public .cd-plan-item{min-height:110px;padding:14px}.cd-public .cd-plan-preview{align-items:flex-start;flex-wrap:wrap}.cd-public .cd-hero-dish,.cd-public .cd-hero-dish>img{min-height:270px}.cd-recipe-jump{gap:7px}.cd-recipe-jump .cd-recipe-jump-label{flex:0 0 100%}.cd-recipe-jump a{font-size:12px;padding:9px 13px}.cd-public .cd-home-videos-surface{padding:19px}.cd-public .cd-hero-image{height:auto;max-height:440px;aspect-ratio:4/3;object-fit:cover}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cd-public *, .cd-public *::before,.cd-public *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cd-public [data-cd32-reveal].cd32-before{transform:none;opacity:1}}
@media print{.cd-recipe-jump,.cd-cooking-progress,.cd-cook-step-check,.cd32-toast{display:none!important}}