/* ============================================================
   /menu/ — page-specific styles (loaded ONLY here)
   Базовый лейаут — общий слой .lp-* в styles.css. Здесь: сплошной .nav,
   подсветка текущего пункта и УНИКАЛЬНЫЙ компонент «меню на неделю» (.mn-*).
   Палитра/шрифты — бренд budni.pro (var(--*)).
   ============================================================ */

.nav{
  background:var(--green-900);
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.nav .nav-sub-trigger[aria-current="page"]{color:var(--yellow-500)}
.nav .nav-sub a[aria-current="page"]{color:var(--orange-500)}

/* ---------- меню на неделю (карточки по дням) ---------- */
.mn-week{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.mn-day{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 18px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.mn-day:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.mn-day.hot{border-color:rgba(232,82,28,.4);box-shadow:0 0 0 1px rgba(232,82,28,.14),var(--shadow-md)}
.mn-day-h{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mn-dow{font-family:"Unbounded",sans-serif;font-weight:700;font-size:18px;color:var(--green-700);font-feature-settings:"tnum" 1}
.mn-day.hot .mn-dow{color:var(--orange-500)}
.mn-dow-full{font-size:13px;color:var(--ink-500)}
.mn-flame{margin-left:auto;font-size:15px;line-height:1}
.mn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.mn-list li{display:flex;flex-direction:column;gap:2px}
.mn-list li b{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-weight:600}
.mn-list li span{font-size:15px;line-height:1.35;color:var(--ink-900)}
.mn-list li .mn-hot{color:var(--orange-500);font-weight:500}

@media(max-width:640px){
  .mn-week{grid-template-columns:1fr 1fr;gap:12px}
  .mn-day{padding:16px 14px}
}
@media(max-width:420px){
  .mn-week{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mn-day,.mn-day:hover{transition:none;transform:none}
}