/* Club Red Dahab — live menu page (2026). Loaded after refresh.css on /menu only. Pool photo background, printed-style pages, EGP prices. Local assets only. */

.menu-live{background:var(--ink);position:relative;min-height:100vh}
.menu-live::before{content:"";position:fixed;inset:0;z-index:-2;background:url("/assets/photos/approved-20261107/0220-1440.jpg") center/cover no-repeat}
.menu-live::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,43,59,.55),rgba(15,43,59,.72))}
.menu-live .site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:0 0 var(--radius) var(--radius)}
.menu-live .menu-intro{color:#fff;text-align:center;padding-block:48px 28px}
.menu-live .menu-intro .eyebrow{color:#ffd9cf}
.menu-live .menu-intro h1{color:#fff;font-family:var(--serif);font-weight:500;font-size:clamp(38px,6vw,64px)}
.menu-live .menu-intro p{color:rgba(255,255,255,.86);max-width:560px;margin-inline:auto}
.menu-live .menu-actions{justify-content:center;gap:20px}
.menu-live .menu-actions .text-link{color:#fff}
.menu-live .menu-actions .text-link:hover{color:#ffd9cf}
.menu-live .menu-page-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(10,30,45,.25)}
.menu-live .menu-page-nav a{flex:none;width:auto;min-width:max-content;padding-inline:12px;white-space:nowrap;font-size:13px;font-weight:600}
@media(max-width:599px){.menu-live .menu-page-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}}

/* Pages */
.menu-live .menu-pages{display:grid;gap:36px;padding-block:28px 56px}
.mpage{background:var(--sand);color:var(--ink);border-radius:var(--radius);box-shadow:0 30px 70px rgba(5,20,30,.45);overflow:hidden;scroll-margin-top:72px}
.mpage-inner{padding:48px 56px 40px;position:relative}
.mpage-head{text-align:center;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line-strong)}
.mpage-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,40px);margin:6px 0 0}
.mpage-num{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--red)}
.mpage-note{margin:8px 0 0;font-size:14px;color:var(--muted)}
.mpage-foot{text-align:center;font-size:12px;letter-spacing:.08em;color:var(--muted);margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line)}

.msecs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}
.msec h3{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--sea);margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--sea)}
.msec:only-child{grid-column:1/-1;max-width:640px;margin-inline:auto;width:100%}
.mlist{list-style:none;margin:0;padding:0}
.mlist li{display:flex;align-items:baseline;gap:8px;padding:7px 0;font-size:15.5px;line-height:1.35}
.mi-name{flex:0 1 auto}
.mi-name small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.mi-dots{flex:1 1 auto;border-bottom:1px dotted var(--line-strong);min-width:16px;transform:translateY(-4px)}
.mi-price{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}

.msizes{width:100%;border-collapse:collapse;font-size:15.5px}
.msizes th,.msizes td{padding:7px 4px;text-align:right;font-variant-numeric:tabular-nums}
.msizes th[scope=row]{text-align:left;font-weight:400}
.msizes thead th{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--sea);border-bottom:1px solid var(--line-strong)}
.msizes td{font-weight:600}
.msizes tbody tr+tr th,.msizes tbody tr+tr td{border-top:1px dotted var(--line-strong)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Cover */
.mpage-cover .mpage-inner{text-align:center;padding-block:64px 48px;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.mcover-logo{width:108px;height:108px;border-radius:50%;box-shadow:var(--shadow-soft);margin-bottom:8px}
.mpage-cover h2{font-family:var(--serif);font-weight:500;font-size:clamp(48px,8vw,84px);letter-spacing:-.02em;margin:0}
.mcover-sub{color:var(--muted);margin:0}
.mcover-hours{list-style:none;margin:18px 0 0;padding:16px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);display:grid;gap:6px;min-width:min(100%,320px)}
.mcover-hours li{display:flex;justify-content:space-between;gap:24px;font-size:15px;font-variant-numeric:tabular-nums}
.mcover-hours span{color:var(--sea);font-weight:600}
.mcover-note{font-size:13px;color:var(--muted);margin:10px 0 0}
.mpage-cover .mpage-num{margin-top:18px}

.menu-live .menu-end{color:#fff}
.menu-live .menu-end .text-link{color:#fff}

@media(max-width:899px){.mpage-inner{padding:36px 32px 30px}.msecs{gap:24px 32px}}
@media(max-width:699px){.msecs{grid-template-columns:1fr}.mpage-inner{padding:30px 22px 26px}.mlist li{font-size:15px}.msizes{font-size:14.5px}.menu-live::before{background-attachment:scroll}}
@media(max-width:599px){.mpage-inner{padding:26px 18px 22px}.menu-live .menu-pages{gap:22px;padding-block:18px 40px}.mpage-cover .mpage-inner{min-height:0;padding-block:44px 36px}}
@media(prefers-reduced-motion:reduce){.menu-live .site-header,.menu-live .menu-page-nav{backdrop-filter:none}}

@page{size:A4;margin:0}
@media print{
html,body{background:#fff!important}
.menu-live::before,.menu-live::after{content:none!important;display:none!important}
.menu-live .site-header,.menu-live .menu-intro,.menu-live .menu-page-nav,.menu-live .menu-end,.menu-live .site-footer,.skip-link{display:none!important}
.menu-live .menu-pages{display:block;width:100%;max-width:none;margin:0;padding:0}
.mpage{box-sizing:border-box;width:210mm;height:296mm;margin:0;border-radius:0;box-shadow:none;background:#fff;overflow:hidden;break-after:page;page-break-after:always;break-inside:avoid;display:flex;flex-direction:column}
.mpage:last-child{break-after:auto;page-break-after:auto}
.mpage-inner{flex:1;display:flex;flex-direction:column;padding:16mm 16mm 12mm}
.mpage-head{margin-bottom:10mm;padding-bottom:6mm}
.mpage-head h2{font-size:34pt}
.msecs{flex:1;gap:10mm 14mm;align-content:start}
.msec h3{font-size:21pt;margin-bottom:3mm}
.mlist li{padding:2.6mm 0;font-size:14.5pt}
.mi-name small{font-size:11pt}
.msizes{font-size:14pt}
.msizes th,.msizes td{padding:2.4mm 1mm}
.mpage-foot{margin-top:auto;padding-top:4mm;font-size:10pt}
.mpage-cover .mpage-inner{justify-content:center;min-height:0}
.mpage-cover h2{font-size:72pt}.mcover-hours li{font-size:15pt}.mcover-sub{font-size:14pt}.mcover-note{font-size:11pt}.mcover-logo{width:36mm;height:36mm}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}