/* Chuť dňa 3.5 — compact recipe navigation and aligned cooking steps. */
/* No large colored navigation card: clean single-row text links. */
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
 gap:14px!important;flex-wrap:wrap!important;padding:13px 0 17px!important;margin:10px 0 24px!important;
 background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #dde7dc!important;border-radius:0!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-recipe-jump-label{
 margin:0!important;white-space:nowrap;color:#697a70!important;font:600 11px/1.5 system-ui,sans-serif!important;letter-spacing:.04em!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a{
 min-height:36px!important;padding:7px 12px!important;border:1px solid transparent!important;
 background:transparent!important;box-shadow:none!important;border-radius:999px!important;
 color:#315445!important;font:600 12px/1.3 system-ui,sans-serif!important;gap:7px!important;
 transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a:hover,
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a:focus-visible{
 background:#edf3eb!important;border-color:#d8e7d9!important;transform:none!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a.is-active{
 background:#e3efe5!important;border-color:#d2e4d6!important;color:#17392d!important;
}
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-icon,
body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a.is-active .cd-jump-icon{
 width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;font-size:13px!important;
}
/* Root cause: previous .cd-steps>li padding !important reset 55px number gutter,
 while the counter remained position:absolute left:0. Build a real two-column grid instead. */
body.cd-public.cd-detail-page .cd-content ol.cd-steps{
 display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none;counter-reset:steps;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li{
 counter-increment:steps;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;
 column-gap:14px!important;align-items:start!important;position:relative!important;
 margin:0!important;padding:22px 20px 24px!important;border:1px solid #e3eae2!important;
 background:rgba(255,255,255,.74)!important;border-radius:19px!important;
 box-shadow:0 8px 26px rgba(20,49,34,.035);min-width:0;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li::before{
 content:counter(steps)!important;position:static!important;left:auto!important;top:auto!important;
 grid-column:1!important;grid-row:1!important;width:36px!important;height:36px!important;
 border-radius:50%!important;background:#1c3b2e!important;color:white!important;
 display:grid!important;place-items:center!important;font:600 13px/1 system-ui,sans-serif!important;
 transform:none!important;margin:0!important;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li>div{
 grid-column:2!important;grid-row:1!important;min-width:0!important;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li h3{
 margin:3px 0 10px!important;font-size:clamp(17px,1.8vw,21px)!important;line-height:1.35!important;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li img{
 width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9!important;
 object-fit:cover!important;display:block!important;margin:16px 0 0!important;border-radius:13px!important;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li .cd-cook-step-check{
 margin-top:15px!important;
}
body.cd-public.cd-detail-page .cd-content ol.cd-steps>li.is-cooked{
 background:#f0f6ef!important;border-color:#cbded0!important;opacity:1!important;
}
@media(max-width:680px){
 body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33{gap:5px!important;padding:10px 0 15px!important;}
 body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-recipe-jump-label{width:100%;}
 body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links{display:flex!important;gap:3px!important;}
 body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 .cd-jump-links a{padding:7px 9px!important;min-height:34px!important;font-size:12px!important;}
 body.cd-public.cd-detail-page .cd-content ol.cd-steps>li{grid-template-columns:32px minmax(0,1fr)!important;column-gap:11px!important;padding:17px 13px 20px!important;}
 body.cd-public.cd-detail-page .cd-content ol.cd-steps>li::before{width:31px!important;height:31px!important;}
 body.cd-public.cd-detail-page .cd-content ol.cd-steps>li img{aspect-ratio:4/3!important;}
}
@media(prefers-reduced-motion:reduce){body.cd-public.cd-detail-page .cd-recipe-jump.cd-jump-v33 a{transition:none!important;}}
@media print{body.cd-public.cd-detail-page .cd-recipe-jump{display:none!important;}body.cd-public.cd-detail-page .cd-content ol.cd-steps>li{break-inside:avoid;box-shadow:none!important;}}