/* ─────────────────────────────────────────
   MaxParfum site-wide look (loaded last on every page)
   Brings older pages (articles, forum, games, brand and comparison pages, account pages)
   in line with the new design: plum night background, Bodoni headings, calm sentence-case labels.
   ───────────────────────────────────────── */
:root {
  --ink: #17121B;
  --ink-2: #1E1724;
  --ink-3: #251D2B;
  --ink-4: #2B2333;
  --cream: #F1EBE3;
  --cream-dim: rgba(241, 235, 227, 0.74);
  --cream-faint: rgba(241, 235, 227, 0.07);
  --muted: #8E8593;
  --border: rgba(241, 235, 227, 0.09);
  --border-2: rgba(241, 235, 227, 0.16);
  --gold: #D2AE6D;
  --gold-light: #E6C88E;
  --gold-border: rgba(210, 174, 109, 0.28);
  --mp-display: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif;
}

html, body { background-color: #17121B; }
body { background-image: none; }

/* Headings: the Bodoni display face, no single gold italic word */
main h1, main h2, section h1, section h2, .page-header h1,
h1[class], h2[class], .hero-title, .page-title, .section-title, .panel-title {
  font-family: var(--mp-display);
  font-weight: 400;
  letter-spacing: -0.01em;
}
h1 em, h2 em, h3 em, .hero-title em, .page-title em, .section-title em, .panel-title em, [class*="title"] em {
  font-style: normal;
  color: inherit;
}

/* Small labels: sentence case, normal spacing, readable size */
.eyebrow, [class*="eyebrow"], [class*="kicker"], [class*="section-label"], [class*="-label"]:not(input):not(label),
.hp-section-title-eyebrow, .footer-col-title {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}
.eyebrow, [class*="eyebrow"], [class*="kicker"], .hp-section-title-eyebrow {
  font-size: 14px !important;
  color: #B4AAB9 !important;
}

/* Buttons and tabs: no tiny spaced-out capitals */
button, .btn, [class*="-btn"], [class*="button"], [class*="-cta"], [class*="tab"], .chip, [class*="chip"], [class*="pill"] {
  text-transform: none;
  letter-spacing: 0.01em;
}
.btn, [class*="-btn"]:not([class*="icon"]):not([class*="close"]), [class*="button"]:not([class*="icon"]), [class*="-cta"] {
  border-radius: 999px;
}

/* Cards and panels: softer corners */
[class*="-card"]:not([class*="-card-"]), .card {
  border-radius: 18px;
}

/* Footer on every page */
.site-footer { background: #120E15; border-top: 1px solid var(--border); }
.site-footer .footer-wordmark { font-family: var(--mp-display); }
.site-footer .footer-tagline, .site-footer .footer-disclaimer, .site-footer .footer-copyright { text-transform: none; letter-spacing: 0; font-style: normal; }
.site-footer .footer-links a, .site-footer .footer-social-link { font-size: 15px; color: #B4AAB9; }
.site-footer .footer-links a:hover, .site-footer .footer-social-link:hover { color: var(--cream); }
.site-footer .footer-support-btn { text-transform: none; letter-spacing: 0; font-size: 15px; border-radius: 999px; }

/* Keyboard focus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

/* Headings in one colour (no gold accent words), on older pages too */
h1 em, h2 em, h1 i, h2 i,
h1 > span:not([class*="mp-"]):not([class*="sr-only"]), h2 > span:not([class*="mp-"]):not([class*="sr-only"]):not([class*="count"]) {
  font-style: normal !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor;
  background: none !important;
}
[class*="subtitle"], [class*="tagline"], [class*="sub-title"], [class*="hero-sub"] {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}
