/* Stránky receptov (/recepty/ a /recepty/<slug>/) — dopĺňa legal.css (tokeny, hlavička, päta, .doc) */
.doc.wide{max-width:960px;}
.doc.hub{max-width:1180px;}
.crumbs{font-size:var(--fs-web-meta);font-weight:700;color:var(--text-muted);margin-bottom:var(--s-4);}
.crumbs a{color:var(--text-muted);text-decoration:none;font-weight:700;}
.crumbs a:hover{color:var(--accent);}
.crumbs span{color:var(--text-secondary);}
.doc .rlead{font-size:var(--fs-web-body);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--s-5);max-width:70ch;}
.doc .rlead b{color:var(--text-primary);font-weight:800;}

.rhero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--s-9);align-items:start;margin-bottom:var(--s-9);}
@media (max-width:760px){ .rhero{grid-template-columns:1fr;gap:var(--s-6);} }
.rphoto{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-xl);background:var(--bg-sunken);display:block;height:auto;}
@media (max-width:760px){ .rphoto{aspect-ratio:1/1;} }
.rfacts{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-bottom:var(--s-4);}
.rfacts > span{display:inline-flex;align-items:center;gap:var(--s-15);font-size:var(--fs-web-sm);font-weight:700;color:var(--text-primary);}
.rfacts .ms{font-size:var(--icon-lg);color:var(--accent);}
.rchips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-bottom:var(--s-5);}
.rchips span{font-size:var(--fs-web-meta);font-weight:700;color:var(--text-secondary);background:var(--bg-sunken);border-radius:var(--radius-full);padding:var(--s-1) var(--s-3);}
.rlive{background:var(--bg-inverse);color:var(--text-on-inverse);border-radius:var(--radius-lg);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4);}
.rlive[hidden]{display:none;}
.rlive-price{font-size:var(--fs-web-body);font-weight:700;color:var(--on-inverse-secondary);}
.rlive-price b{font-size:var(--fs-web-h3);font-weight:800;color:var(--text-on-inverse);letter-spacing:-0.02em;}
.rlive-sub{font-size:var(--fs-web-meta);font-weight:700;color:var(--on-inverse-secondary);margin-top:var(--s-1);}
.btn-ghost{font-family:inherit;cursor:pointer;background:var(--bg-surface);color:var(--text-primary) !important;border:1px solid var(--border-default);font-size:var(--fs-web-sm);font-weight:800;padding:0 var(--s-6);min-height:52px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;text-decoration:none !important;}
.btn-ghost:hover{background:var(--hover-surface);border-color:var(--border-strong);}
.doc .btn-solid-accent{color:var(--text-on-inverse);text-decoration:none;}
.doc .btn-solid-accent:hover{color:var(--text-on-inverse);}
.doc-cta{margin-top:0;}
.h2-sub{font-size:var(--fs-web-sm);font-weight:700;color:var(--text-muted);letter-spacing:0;margin-left:var(--s-2);}

.ingredients{list-style:none;padding:0;margin:0 0 var(--s-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);}
.ingredients li{display:flex;gap:var(--s-3);margin:0;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-weight:700;}
.ingredients li:last-child{border-bottom:none;}
.ingredients .amt{flex:0 0 7.5em;font-weight:400;color:var(--text-secondary);}
@media (max-width:480px){ .ingredients .amt{flex-basis:6em;} }
.steps{list-style:none;counter-reset:st;padding:0;margin:0 0 var(--s-4);}
.steps li{counter-increment:st;position:relative;padding:0 0 var(--s-5) var(--s-12);margin:0;}
.steps li::before{content:counter(st);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--fs-web-sm);font-weight:800;}
.steps h3{margin:var(--s-05) 0 var(--s-1);font-size:var(--fs-web-body);}
.steps p{margin-bottom:var(--s-2);}
.steps .tip{font-size:var(--fs-web-sm);color:var(--text-muted);}
.rcta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap;background:var(--bg-sunken);border-radius:var(--radius-lg);padding:var(--s-6);margin:var(--s-10) 0 var(--s-4);}
.rcta > div{flex:1 1 320px;display:flex;flex-direction:column;gap:var(--s-1);}
.rcta b{font-size:var(--fs-web-h4);font-weight:800;color:var(--text-primary);}
.rcta span{font-size:var(--fs-web-sm);color:var(--text-secondary);line-height:var(--lh-normal);}

/* karty receptov (prehľad + podobné recepty) */
.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s-5);margin-top:var(--s-5);}
@media (max-width:480px){ .rc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);} }
.rc{display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-tab);color:var(--text-primary);text-decoration:none !important;transition:transform var(--transition),box-shadow var(--transition);}
.rc[hidden]{display:none;}
@media (hover:hover) and (pointer:fine){ .rc:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);} }
.rc-photo{position:relative;display:block;aspect-ratio:4/3;background:var(--bg-sunken);}
.rc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.rc-price{position:absolute;left:var(--s-2);bottom:var(--s-2);background:var(--accent);color:var(--text-on-inverse);font-size:var(--fs-web-meta);font-weight:800;padding:var(--s-1) var(--s-25);border-radius:var(--radius-full);max-width:calc(100% - var(--s-4));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rc-price[hidden]{display:none;}
.rc-body{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-35) var(--s-35);}
.rc-name{font-size:var(--fs-web-sm);font-weight:800;line-height:var(--lh-snug);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.rc-meta{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-size:var(--fs-web-meta);font-weight:700;color:var(--text-muted);}
.rc-meta > span{display:inline-flex;align-items:center;gap:var(--s-05);}
.rc-meta .ms{font-size:var(--icon-md);}
.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-5) 0 var(--s-3);}
.chip{font-family:inherit;cursor:pointer;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--fs-web-sm);font-weight:700;padding:var(--s-2) var(--s-4);min-height:40px;transition:background var(--transition),color var(--transition);}
.chip:hover{background:var(--hover-surface);}
.chip.on{background:var(--bg-inverse);color:var(--text-on-inverse);border-color:var(--bg-inverse);}
.doc.hub{padding-left:var(--s-6);padding-right:var(--s-6);}