/* Popyz shared layer: themes, rounded imagery, motion. Loaded after each page's own styles. */

/* ── THEME TOKENS ─────────────────────────────────────────────
   Dark (default) is the original royal green + gold.
   Light is ivory + antique gold. Pages use these tokens, so a
   token swap re-themes them. */
:root{
  --ink-rgb:250,247,240; --bg-rgb:6,12,7; --deep-rgb:10,31,14; --mid-rgb:18,51,26; --rich-rgb:26,74,36; --gold-rgb:201,168,76;
  /* faded text (captions, footers, notes) is multiplied by these, so light mode can strengthen it */
  --ink-boost:2; --gold-boost:1.3; --wa-text:#25D366;
  --radius:14px; --radius-sm:10px;
  --ease-lux:cubic-bezier(.22,.61,.36,1);
  color-scheme:dark;
}
html[data-theme="light"]{
  color-scheme:light;
  --black:#f8f3ea; --green-deep:#f2eadb; --green-mid:#ece2cf; --green-rich:#e4d7be; --green-accent:#46613d;
  --white:#1a241c; --white-dim:rgba(26,36,28,0.84);
  /* antique gold, deep enough for small uppercase labels on ivory (≥ 5:1) */
  --gold:#735512; --gold-light:#6a4d10; --gold-pale:rgba(115,85,18,0.10);
  --white-faint:rgba(26,36,28,0.14);
  --ink-rgb:26,36,28; --bg-rgb:248,243,234; --deep-rgb:242,234,219; --mid-rgb:236,226,207; --rich-rgb:228,215,190; --gold-rgb:115,85,18;
  --ink-boost:2.8; --gold-boost:1.8;
}
/* WhatsApp green text and other bright accents need a darker shade on ivory */
html[data-theme="light"]{--wa-text:#0f7a3d;}
/* small labels that fade themselves with opacity: full strength on ivory */
body :is(.post-tag,.enquiry-form label,.form-group label,.review-source,.ci-lbl,.post-tag,.phase-label,.f-field label,.enquiry-form label,form label,.svc-tag,.brand-cat,.cert-detail,.yt-meta,.bridal-card-tag,.filter-count,.award-year,.t-year,.salon-label,.pc-meta,.post-meta,.pm-item,.breadcrumb a,.breadcrumb .current,.ready-tag,.g-badge,.sc-label,.fb p,.fb a,.footer-bottom p,.footer-bottom a,.legal-links a){opacity:1 !important;}
html[data-theme="light"] footer a[style*="opacity"], html[data-theme="light"] .footer-bottom a[style*="opacity"]{opacity:1 !important;}
html[data-theme="light"] .value-num{color:rgba(115,85,18,0.18) !important;}
html[data-theme="light"] ::selection{background:rgba(115,85,18,0.2);}
html,body{margin:0;}
body{background:var(--black);color:var(--white);}
html.theme-anim, html.theme-anim *{transition:background-color .45s var(--ease-lux), color .45s var(--ease-lux), border-color .45s var(--ease-lux) !important;}

/* Photos are shown true to life in light mode (dark mode dims them for mood) */
html[data-theme="light"] img{filter:none !important;}
html[data-theme="light"] body::before{opacity:0.02;}
/* Logo is gold line art: sits well on both, add a soft lift on ivory */
html[data-theme="light"] .nav-logo img, html[data-theme="light"] footer img[alt*="Popyz"]{filter:drop-shadow(0 0 0.5px rgba(31,42,33,0.35)) !important;}
/* Keep text on photo overlays legible in light mode */
html[data-theme="light"] .g-overlay, html[data-theme="light"] .bridal-card-overlay{background:linear-gradient(to top, rgba(248,243,234,0.94) 0%, rgba(248,243,234,0.55) 45%, transparent 75%) !important;}
html[data-theme="light"] .g-badge{background:rgba(248,243,234,0.88) !important;color:var(--gold) !important;}
/* Article components that carry their own dark tints */
html[data-theme="light"] .treatment-card.card-strong{background:linear-gradient(145deg,#f6e8d6,#f1dfc6) !important;}
html[data-theme="light"] .treatment-card.card-moderate{background:linear-gradient(145deg,#efe7d2,#e8dcc0) !important;}
html[data-theme="light"] .treatment-card.card-mild{background:linear-gradient(145deg,#e4efe9,#d9e8e1) !important;}
html[data-theme="light"] .treatment-card.card-strong h4{color:#9a4f1c !important;}
html[data-theme="light"] .treatment-card.card-mild h4{color:#1f6b66 !important;}
html[data-theme="light"] .treatment-card.card-mild .badge{color:#1f6b66 !important;border-color:rgba(31,107,102,0.4) !important;}
html[data-theme="light"] .treatment-card.card-strong .badge{color:#8a4418 !important;border-color:rgba(138,68,24,0.4) !important;}
html[data-theme="light"] .btn-wa{background:#0f7a3d !important;}
html[data-theme="light"] .safety-table td{background:var(--green-mid) !important;}
html[data-theme="light"] .safety-table tbody tr:nth-child(odd) td{background:var(--green-deep) !important;}
html[data-theme="light"] #wa-float{box-shadow:0 6px 22px rgba(37,211,102,0.28);}

/* ── ROUNDED IMAGERY ──────────────────────────────────────── */
.g-card, .g-card-inner, .bridal-card, .post-card, .featured-post, .featured-img, .ready-img, .post-figure img,
.about-img-frame, .yt-card, .yt-thumb, .salon-card, .salon-card-img, .pkg-card, .category-block img,
.sidebar-cta, .sidebar-card, .callout, .intro-pullquote, .treatment-card, .ba-card, .hero-right img, .award-img img,
.about-image-wrap img, .qcard, .map-wrap, .map-wrap iframe{border-radius:var(--radius);}
.g-card, .bridal-card, .post-card, .featured-post, .yt-card, .salon-card, .pkg-card, .ready-img{overflow:hidden;isolation:isolate;}
.category-block img{border-radius:var(--radius-sm);}

/* ── MOTION (ordered by impact) ───────────────────────────── */
/* 1. Hero photography breathes slowly */
@keyframes popyzDrift{from{transform:scale(1.08);}to{transform:scale(1);}}
.hero-image-panel img, .hero-bg-img img, .hero-right img{animation:popyzDrift 9s var(--ease-lux) both;}

/* 2. Photos settle into their frames as they scroll in */
.reveal .g-card-inner img, .reveal.bridal-card img, .reveal .ready-img img, .post-card.reveal img, .yt-card.reveal img{transform:scale(1.1);transition:transform 1.4s var(--ease-lux), filter .6s;}
.reveal.visible .g-card-inner img, .reveal.visible.bridal-card img, .reveal.visible .ready-img img, .post-card.reveal.visible img, .yt-card.reveal.visible img{transform:scale(1);}
.g-card:hover .g-card-inner img, .bridal-card:hover img, .post-card:hover img{transform:scale(1.05) !important;}

/* 3. Gold light sweeps across primary buttons */
.btn-primary, .nav-book, .btn-gold, .pkg-cta, .btn-p, .form-btn{position:relative;overflow:hidden;}
.btn-primary::after, .nav-book::after, .btn-gold::after, .pkg-cta::after, .btn-p::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.35),transparent);transform:skewX(-20deg);transition:left .9s var(--ease-lux);pointer-events:none;}
.btn-primary:hover::after, .nav-book:hover::after, .btn-gold:hover::after, .pkg-cta:hover::after, .btn-p:hover::after{left:130%;}

/* 4. Cards lift gently */
.post-card, .pkg-card, .yt-card, .salon-card{transition:transform .5s var(--ease-lux), box-shadow .5s var(--ease-lux);}
.post-card:hover, .pkg-card:hover, .salon-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,0.28);}
html[data-theme="light"] .post-card:hover, html[data-theme="light"] .pkg-card:hover, html[data-theme="light"] .salon-card:hover{box-shadow:0 18px 40px rgba(90,70,20,0.14);}

/* 5. Reading progress on articles */
.popyz-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:1000;pointer-events:none;}

/* ── THEME TOGGLE ─────────────────────────────────────────── */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:0.5px solid rgba(var(--gold-rgb),0.45);background:transparent;color:var(--gold);cursor:pointer;flex-shrink:0;transition:background .3s,transform .5s var(--ease-lux);margin-left:14px;}
.theme-toggle:hover{background:rgba(var(--gold-rgb),0.12);transform:rotate(18deg);}
.theme-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.theme-toggle .i-sun{display:none;}
html[data-theme="light"] .theme-toggle .i-sun{display:block;}
html[data-theme="light"] .theme-toggle .i-moon{display:none;}
.theme-toggle:focus-visible, a:focus-visible, button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
@media(max-width:900px){.theme-toggle{margin-left:auto;margin-right:10px;}}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}
  .reveal{opacity:1 !important;transform:none !important;}
}

/* Gallery grid: fill the holes that tall/wide cards leave */
.gallery-grid{grid-auto-flow:dense;}

/* ── Sticky booking bar (phones) ─────────────────────────── */
.m-bookbar{display:none;}
@media(max-width:900px){
  .m-bookbar{display:grid;grid-template-columns:1fr 1fr 1.2fr;position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:600;background:rgba(var(--bg-rgb),0.96);backdrop-filter:blur(14px);border-top:0.5px solid rgba(var(--gold-rgb),0.3);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px;}
  .m-bookbar a{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--white);border:0.5px solid rgba(var(--gold-rgb),0.35);}
  .m-bookbar a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
  .m-bookbar a.m-book{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--black);border:none;}
  body.has-bookbar{padding-bottom:72px;}
  body.has-bookbar #wa-float{display:none !important;}
}

/* ── Trust strip ─────────────────────────────────────────── */
.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:18px 20px;background:var(--green-deep);border-top:0.5px solid rgba(var(--gold-rgb),0.18);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-light);text-align:center;position:relative;z-index:2;}
.trust-strip i{width:4px;height:4px;border-radius:50%;background:rgba(var(--gold-rgb),0.6);}

/* ── Consent banner (only shown once analytics is switched on) ── */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;max-width:560px;margin:0 auto;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px;border-radius:var(--radius);background:var(--green-mid);border:0.5px solid rgba(var(--gold-rgb),0.35);box-shadow:0 18px 40px rgba(0,0,0,0.3);font-size:13px;color:var(--white-dim);}
.consent a{color:var(--gold-light);text-decoration:underline;}
.consent button{font:inherit;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:0.5px solid rgba(var(--gold-rgb),0.4);background:transparent;color:var(--white);cursor:pointer;margin-left:6px;}
.consent button.yes{background:var(--gold);color:var(--black);border-color:var(--gold);}
@media(max-width:900px){.consent{bottom:84px;}}

/* ── Readability: body copy one step heavier than the thin 300 weight ── */
p, li, .fp, .svc-desc, .pc-excerpt, .post-excerpt, .faq-a{font-weight:400 !important;}

/* ── Review strip (inner pages) ──────────────────────────── */
.rv-section{max-width:1200px;margin:0 auto;padding:70px 60px 80px;position:relative;z-index:2;}
@media(max-width:900px){.rv-section{padding:50px 20px 60px;}}
.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px;}
.rv-title{font-family:var(--font-display);font-weight:300;font-size:clamp(26px,3vw,40px);color:var(--white);margin:0;}
.rv-title em{font-style:italic;color:var(--gold-light);}
.rv-google{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-light);border-bottom:0.5px solid rgba(var(--gold-rgb),0.5);padding-bottom:3px;}
.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.rv-grid{grid-template-columns:1fr;}}
.rv-card{margin:0;padding:26px 24px;border-radius:var(--radius);background:var(--green-mid);border:0.5px solid rgba(var(--gold-rgb),0.15);display:flex;flex-direction:column;gap:14px;}
.rv-stars{color:var(--gold);letter-spacing:3px;font-size:13px;}
.rv-card blockquote{margin:0;font-family:var(--font-display);font-style:italic;font-size:1.08rem;line-height:1.65;color:var(--white);}
.rv-card figcaption{margin-top:auto;font-size:12px;color:var(--white-dim);display:flex;flex-direction:column;gap:2px;}
.rv-card figcaption strong{color:var(--white);font-weight:500;font-size:13px;}
.post-layout + .rv-section, main + .rv-section{padding-top:0;}

/* ── Nav over photos: keep the menu, Book Now and theme button readable ── */
nav:not(.scrolled){background:linear-gradient(to bottom, rgba(var(--bg-rgb),0.92) 0%, rgba(var(--bg-rgb),0.6) 60%, rgba(var(--bg-rgb),0) 100%);}
.nav-book, .theme-toggle{background:rgba(var(--bg-rgb),0.72) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.nav-book:hover{background:var(--gold) !important;color:var(--black) !important;}
.theme-toggle:hover{background:rgba(var(--gold-rgb),0.2) !important;}

/* ── Accessibility fixes from Lighthouse ── */
.footer-bottom a, .fb a, .legal-links a{opacity:1 !important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:0.5px;}
.breadcrumb .current{opacity:1 !important;}
.rev-dot{width:24px !important;height:24px !important;padding:0;background:transparent !important;transform:none !important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.rev-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:rgba(var(--gold-rgb),0.35);transition:transform .3s,background .3s;}
.rev-dot.active::after{background:var(--gold);transform:scale(1.4);}
.rev-dots, .reviews-dots{gap:2px !important;flex-wrap:wrap;justify-content:center;}

/* h3 versions of the article's step / card / sidebar titles (same look as the old h4s) */
article h3.h-step{font-family:var(--font-display);font-size:1.1rem;color:var(--white);font-weight:400;margin:0 0 5px;}
article h3.h-card{font-family:var(--font-display);font-size:1.2rem;font-weight:400;margin:0 0 10px;color:var(--gold-light);}
article .card-strong h3.h-card{color:var(--amber,#d4824a);} article .card-mild h3.h-card{color:#7dd5d1;}
html[data-theme="light"] article .card-strong h3.h-card{color:#9a4f1c;} html[data-theme="light"] article .card-mild h3.h-card{color:#1f6b66;}
.post-sidebar h3.h-side{font-family:var(--font-display);font-size:1rem;color:var(--gold-light);font-weight:400;margin:0 0 16px;padding-bottom:10px;border-bottom:0.5px solid rgba(var(--gold-rgb),0.15);letter-spacing:0.04em;}
.post-sidebar h3.h-cta{font-family:var(--font-display);font-size:1.35rem;color:var(--white);font-weight:300;line-height:1.3;margin:0 0 12px;}

/* tap targets: small text links get a 24px-tall hit area without changing their look */
.svc-more, .svc-book, .g-book, .rv-google, .pm-item a, .nl-alt a, .see-all, .btn-secondary, .back, .ci-val a{display:inline-flex;align-items:center;min-height:24px;}
.svc-more, .svc-book{padding:6px 0;}
/* about page hero stats: 2 x 2 on small phones instead of running off-screen */
@media(max-width:600px){.hero-stats{flex-wrap:wrap;}.h-stat{flex:1 1 50% !important;min-width:0;padding:14px 16px !important;}}
/* decorative images inside service category grids never exceed their column */
.category-block img{max-width:100%;}

/* ── Print (also used to make the downloadable bridal plan PDF) ── */
@media print{
  nav, .hamburger, .mob-menu, #wa-float, .m-bookbar, .trust-strip, .consent, .popyz-progress, .theme-toggle, .post-sidebar, footer, .footer-cta, .blog-cta, .newsletter, .disclaimer, .rv-section, .book-callout{display:none !important;}
  body{background:#fff !important;color:#1a241c !important;}
  body::before{display:none !important;}
  .post-hero{padding:0 0 18px !important;background:none !important;}
  .post-hero::before, .post-hero::after{display:none !important;}
  .post-layout{display:block !important;padding:0 !important;max-width:none !important;}
  .reveal{opacity:1 !important;transform:none !important;}
  a{color:#1a241c !important;text-decoration:none !important;}
  h1, h2, h3{break-after:avoid;}
  .post-figure{display:none !important;}
}

/* ── Shared page additions (enhance_pages.py) ─────────────── */
.fq-section{max-width:900px;margin:0 auto;padding:70px 24px 20px;position:relative;z-index:2;}
.fq-section .rv-title{margin-bottom:22px;}
.fq{border-bottom:0.5px solid rgba(var(--gold-rgb),0.18);padding:4px 0;}
.fq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font-family:var(--font-display);font-size:1.15rem;color:var(--white);}
.fq summary::-webkit-details-marker{display:none;}
.fq summary::after{content:'+';position:absolute;right:4px;top:12px;font-size:1.4rem;color:var(--gold);transition:transform .3s;}
.fq[open] summary::after{transform:rotate(45deg);}
.fq[open] summary{color:var(--gold-light);}
.fq p{margin:0 0 18px;font-size:0.95rem;line-height:1.8;color:var(--white-dim);}
.svc-more{font-size:9px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--white-dim);margin-right:auto;}
.svc-more:hover{color:var(--gold-light);}
.svc-price{display:flex;align-items:center;gap:16px;}
.g-book{display:inline-block;margin:10px 0 12px;font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold-light);border-bottom:0.5px solid rgba(var(--gold-rgb),0.6);padding-bottom:3px;position:relative;z-index:3;}
.hero-video{position:absolute;top:0;right:0;bottom:0;width:36%;overflow:hidden;z-index:1;-webkit-mask-image:linear-gradient(to right,transparent,#000 30%);mask-image:linear-gradient(to right,transparent,#000 30%);}
.hero-video video{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:0.85;}
@media(min-width:901px){.page-hero:has(.hero-video) .page-hero-content{padding-right:calc(36% + 30px);}}
@media(max-width:900px){.hero-video{display:none;}}
.vid-section{max-width:1200px;margin:0 auto;padding:40px 60px 80px;position:relative;z-index:2;}
@media(max-width:900px){.vid-section{padding:30px 20px 60px;}}
.vid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,300px)) 1fr;gap:24px;align-items:center;}
@media(max-width:900px){.vid-grid{grid-template-columns:1fr 1fr;}.vid-copy{grid-column:1/-1;order:-1;}}
.vid-card{margin:0;}
.vid-card video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius);background:var(--green-mid);display:block;}
.vid-card figcaption{font-size:13px;color:var(--white-dim);padding-top:10px;line-height:1.55;}
.vid-copy p{color:var(--white-dim);line-height:1.8;margin:14px 0 22px;}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
@media(max-width:900px){.ig-grid{grid-template-columns:repeat(3,1fr);}}
.ig-tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius-sm);}
.ig-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:34px 14px 12px;background:linear-gradient(to top,rgba(6,12,7,0.88),rgba(6,12,7,0.45) 60%,transparent);color:#faf7f0;pointer-events:none;}
.ig-tag{font-size:9px;letter-spacing:0.25em;text-transform:uppercase;color:#e2c97e;}
.ig-title{font-family:var(--font-display);font-size:1.05rem;line-height:1.25;}
.ig-view{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:#e2c97e;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease-lux),opacity .4s;}
.ig-tile:hover .ig-view,.ig-tile:focus-visible .ig-view{max-height:20px;opacity:1;}
@media(hover:none){.ig-view{max-height:20px;opacity:1;}}
@media(max-width:600px){.ig-cap{padding:26px 10px 9px;}.ig-title{font-size:0.95rem;}}
.ig-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-lux);}
.ig-tile:hover img{transform:scale(1.07);}
.svc-links{max-width:1200px;margin:0 auto;padding:70px 60px 10px;position:relative;z-index:2;}
@media(max-width:900px){.svc-links{padding:50px 20px 10px;}}
.svc-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;}
@media(max-width:900px){.svc-links-grid{grid-template-columns:1fr 1fr;}}
.svc-links-grid a{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:var(--radius);background:var(--green-mid);border:0.5px solid rgba(var(--gold-rgb),0.18);font-family:var(--font-display);font-size:1.1rem;color:var(--white);transition:border-color .3s,transform .4s var(--ease-lux);}
.svc-links-grid a:hover{border-color:var(--gold);transform:translateY(-3px);}
.svc-links-grid a span{color:var(--gold);}
.facts-section{max-width:1000px;margin:0 auto;padding:60px 24px 20px;position:relative;z-index:2;}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:22px 0 0;}
@media(max-width:760px){.facts{grid-template-columns:1fr;}}
.facts div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:13px 0;border-bottom:0.5px solid rgba(var(--gold-rgb),0.18);}
.facts dt{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);padding-top:3px;}
.facts dd{margin:0;font-size:14.5px;line-height:1.6;color:var(--white);}
#filter-bar{flex-wrap:wrap;}
/* photo heroes in light mode: an ivory wash keeps the dark heading readable */
html[data-theme="light"] .hero-bg-img::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,243,234,0.96) 0%,rgba(248,243,234,0.86) 45%,rgba(248,243,234,0.45) 100%);}
html[data-theme="light"] .page-hero-bg img{opacity:0.35 !important;}
html[data-theme="light"] .page-hero-bg::after{background:linear-gradient(to top,var(--black) 0%,rgba(248,243,234,0.7) 50%,rgba(248,243,234,0.5) 100%) !important;}
.nl-alt{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.nl-alt a{font-size:12px;color:var(--gold-light);border-bottom:0.5px solid rgba(var(--gold-rgb),0.35);align-self:flex-start;padding-bottom:2px;}