/* ===== MIDNIGHT PREMIUM for generated pages (Ravi-approved, 2026-11-03) =====
   Shared skin for every generated/static page except the homepage app
   (which carries its own midnightCss block): city pages, event pages,
   weekend guide, intent pages, static pages, submit page. Injected by
   build/apply-design-shell.js on every publish: <html> gains
   class="premium skin-midnight mppage" and this file is linked from
   <head>. Palette: charcoal #111421, raised surfaces #242A40, violet
   #8B5CF6, warm gold #F3B75C, ivory #F7F7FA. Cards carry a category
   pill (.catpill) and a price pill (.ppill) per the approved design —
   Free / From $X / Price not listed, an absent price never reads free.
   Fonts are the self-hosted pair (OFL 1.1, site/fonts/). */
@font-face{font-family:'Plus Jakarta Sans';src:url('/fonts/jakarta-var.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-var.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-italic-600.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
html.premium{color-scheme:dark}
html.premium body{background:#111421;color:#F7F7FA;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
html.premium ::selection{background:#8B5CF6;color:#fff}
html.premium header{background:linear-gradient(135deg,#1D2338,#111421)}
html.premium header .brand{font-family:'Playfair Display',Georgia,'Iowan Old Style','Times New Roman',Times,serif;font-weight:600}
html.premium h1{font-family:'Playfair Display',Georgia,'Iowan Old Style','Times New Roman',Times,serif;font-weight:600}
html.premium h2{font-family:'Playfair Display',Georgia,'Iowan Old Style','Times New Roman',Times,serif;font-weight:600}
html.premium .sub{color:#B9BED6}
html.premium .meta{color:#B9BED6}
html.premium .desc{color:#E4E7F2}
html.premium p,html.premium li{color:#DDE1F0}
html.premium .fineprint{color:#98A0BE}
html.premium a{color:#C9B8FF}
html.premium header a{color:#fff}
html.premium .cta{background:linear-gradient(135deg,#F3B75C,#D99A35);color:#241A04}
html.premium .cta.alt{background:linear-gradient(135deg,#8B5CF6,#7C4DEB);color:#fff}
html.premium .cta.ghost{background:transparent;color:#C9B8FF;border-color:rgba(247,247,250,.35)}
html.premium .card{background:#242A40;border-color:rgba(247,247,250,.10)}
html.premium .card h3 a{color:#F7F7FA}
html.premium .card .meta{color:#B9BED6}
html.premium .card .go{color:#F3B75C}
html.premium .badge{background:#2B3252;color:#E4E7F2}
html.premium .badge.free{background:rgba(62,207,142,.16);color:#3ECF8E}
html.premium .badge.sold{background:rgba(248,113,113,.16);color:#FCA5A5}
html.premium .badge.fast{background:rgba(243,183,92,.16);color:#F3B75C}
html.premium .badge.onnow{background:rgba(62,207,142,.16);color:#3ECF8E}
html.premium .badge.access{background:rgba(243,183,92,.16);color:#F3B75C}
html.premium .badge.cat{background:#8B5CF6;color:#fff;text-transform:uppercase;letter-spacing:.06em}
html.premium .hotels{background:#242A40;border-color:rgba(247,247,250,.10)}
html.premium .tier{background:#242A40;border-color:rgba(247,247,250,.10)}
html.premium .tier b{color:#F3B75C}
html.premium .plan,html.premium .similar{background:#242A40;border-color:rgba(247,247,250,.10)}
html.premium .similar .item{color:#F7F7FA;border-top-color:rgba(247,247,250,.10)}
html.premium .similar .item b{color:#F3B75C}
html.premium .similar .item span{color:#B9BED6}
html.premium .cities a{color:#C9B8FF}
html.premium footer{color:#98A0BE}
html.premium footer a{color:#DDE1F0}
/* --- Approved card pills (generated-page cards) --- */
html.premium .card .banner{position:relative}
html.premium .catpill{position:absolute;top:10px;left:10px;background:#8B5CF6;color:#fff;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:5px 10px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
html.premium .ppill{display:inline-flex;align-items:center;font-weight:800;font-size:12.5px;padding:5px 12px;border-radius:999px;background:rgba(243,183,92,.14);color:#F3B75C;border:1px solid rgba(243,183,92,.45)}
html.premium .ppill.free{background:rgba(62,207,142,.14);color:#3ECF8E;border-color:rgba(62,207,142,.45)}
html.premium .ppill.na{background:transparent;color:#98A0BE;border:1px dashed rgba(247,247,250,.28);font-weight:600}
/* --- City page extras (area chips, by-area box, ad cards) --- */
html.premium .chip{background:#242A40;border-color:rgba(247,247,250,.25);color:#F7F7FA}
html.premium .chip[aria-pressed="true"]{background:#8B5CF6;border-color:#8B5CF6;color:#fff}
html.premium .byarea{background:#1D2338;border-color:rgba(247,247,250,.10)}
html.premium .byarea strong{color:#F3B75C}
html.premium .byarea a{color:#C9B8FF;border-bottom-color:rgba(139,92,246,.5)}
html.premium .areabar .lbl{color:#B9BED6}
html.premium .adcard{background:#1D2338;border-color:rgba(243,183,92,.55);color:#F7F7FA}
html.premium .adchip{background:#F3B75C;color:#241A04}
html.premium .adchips span{background:#2B3252;border-color:rgba(247,247,250,.12);color:#E4E7F2}
/* --- Weekend guide extras --- */
html.premium .freestrip{background:rgba(62,207,142,.10);border-color:rgba(62,207,142,.4)}
html.premium .sec{color:#F7F7FA}
/* --- Event page hero --- */
html.premium .hero,html.premium .heroP{background:#1D2338}
/* --- Static pages (about / privacy / terms / contact / newsletter) --- */
html.premium .card input,html.premium .card select,html.premium .card textarea{color-scheme:dark}
html.premium .vid{box-shadow:0 6px 24px rgba(0,0,0,.5)}
/* --- Submit page form surface --- */
html.premium label{color:#F7F7FA}
html.premium input,html.premium select,html.premium textarea{background:#1D2338;color:#F7F7FA;border-color:rgba(247,247,250,.22)}
html.premium input::placeholder,html.premium textarea::placeholder{color:#98A0BE}
html.premium .note{color:#B9BED6}
html.premium .easybox{background:#1D2338;border-color:rgba(139,92,246,.45)}
html.premium .fetchbtn{background:linear-gradient(135deg,#8B5CF6,#7C4DEB);color:#fff}
html.premium .submit{background:linear-gradient(135deg,#F3B75C,#D99A35);color:#241A04}
html.premium details.more summary{color:#F3B75C}
html.premium #reviewBar{background:rgba(62,207,142,.10);border-color:rgba(62,207,142,.5);color:#F7F7FA}
html.premium .citywarn{background:rgba(243,183,92,.12);border-color:rgba(243,183,92,.55);color:#F7F7FA}
html.premium .citywarn a{color:#F3B75C}
html.premium .free{background:rgba(62,207,142,.16);color:#3ECF8E}
html.premium input.extracted,html.premium select.extracted,html.premium textarea.extracted{border-color:#F3B75C;background:rgba(243,183,92,.08);box-shadow:0 0 0 2px rgba(243,183,92,.25)}