/* ============================================================
   ROMANIWORLD.org — cosmic navy theme (the long-standing look)
   + plain Arial white typography + functional 12-menu nav.
   ============================================================ */
html{ scroll-behavior:smooth; }

/* ---- Site-wide cosmic navy backdrop (previous iteration) ---- */
body{
  background-color:#0B1320;
  background-image:
    linear-gradient(rgba(11,19,32,0.90), rgba(11,19,32,0.965)),
    url('/assets/images/hero/bg-cosmic.jpg');
  background-attachment:fixed;
  background-size:cover;
  background-position:center;
  color:#ffffff;
}

/* scrollbar */
*{ scrollbar-width:thin; scrollbar-color:#D4AF37 #0B1320; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-track{ background:#0B1320; }
*::-webkit-scrollbar-thumb{ background:#13315C; border-radius:6px; }
*::-webkit-scrollbar-thumb:hover{ background:#D4AF37; }

/* ============================================================
   Navigation (navy) — uses the .luxe-* classes from header.php
   ============================================================ */
.luxe-nav{ position:sticky; top:0; z-index:50; }
.luxe-topbar{ background:rgba(11,19,32,0.97); backdrop-filter:blur(6px); border-bottom:1px solid #13315C; }
.luxe-menubar{ background:rgba(11,19,32,0.97); border-bottom:1px solid #13315C; box-shadow:0 6px 18px rgba(0,0,0,.35); }

.luxe-pill{ display:inline-flex; align-items:center; gap:.4rem; font-size:11px; letter-spacing:.03em; color:#e5e7eb;
  border:1px solid rgba(212,175,55,.35); padding:.5rem .7rem; border-radius:.5rem; transition:.2s; }
.luxe-pill:hover{ color:#0B1320; background:#D4AF37; border-color:#D4AF37; }
.luxe-pill-solid{ color:#0B1320; background:#D4AF37; border-color:#D4AF37; font-weight:700; }
.luxe-globe{ box-shadow:0 0 0 2px #0B1320, 0 0 0 3px rgba(212,175,55,.6); }
.luxe-flag{ display:inline-flex; flex-direction:column; width:22px; height:15px; border:1px solid rgba(212,175,55,.5); border-radius:2px; overflow:hidden; }
.luxe-flag span{ flex:1; } .luxe-flag span:nth-child(1){ background:#cd2a3e; } .luxe-flag span:nth-child(2){ background:#fff; } .luxe-flag span:nth-child(3){ background:#436f4d; }

.luxe-menu-btn{ font-family:'Cinzel',Georgia,serif; font-size:14.5px; letter-spacing:.04em; color:#eef2f8; padding:.7rem .8rem; display:inline-flex; align-items:center; gap:.3rem;
  border-right:1px solid rgba(255,255,255,.06); white-space:nowrap; transition:.2s; }
.group:hover > .luxe-menu-btn, .luxe-menu-btn:hover{ color:#D4AF37; }
.luxe-dropdown{ position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:230px; padding:.5rem; z-index:60;
  background:#13315C; border:1px solid rgba(212,175,55,.30); border-radius:.6rem; box-shadow:0 18px 44px rgba(0,0,0,.55); transition:.18s; }
.luxe-drop-head{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:.4rem .6rem; margin-bottom:.3rem;
  border-bottom:1px solid rgba(255,255,255,.12); display:flex; gap:.4rem; align-items:center; }
.luxe-drop-item{ display:flex; align-items:center; gap:.6rem; padding:.5rem .6rem; border-radius:.4rem; color:#cbd5e1; font-size:13.5px; transition:.15s; }
.luxe-drop-item i{ width:16px; text-align:center; color:rgba(212,175,55,.7); }
.luxe-drop-item:hover{ background:rgba(212,175,55,.12); color:#fff; }

.luxe-mobile{ background:#0B1320; border-top:1px solid #13315C; padding:.5rem 1rem 1.2rem; max-height:80vh; overflow:auto; }
.luxe-mobile-sec summary{ font-size:13px; color:#e5e7eb; padding:.6rem 0; border-bottom:1px solid rgba(255,255,255,.08); cursor:pointer; list-style:none; display:flex; gap:.5rem; align-items:center; }
.luxe-mobile-sec summary::-webkit-details-marker{ display:none; }
.luxe-mobile-sec a{ display:block; padding:.4rem 1.6rem; color:#94a3b8; }
.luxe-mobile-sec a:hover{ color:#D4AF37; }

.marquee:hover{ animation-play-state:paused; }
::selection{ background:rgba(212,175,55,.30); color:#fff; }

/* ============================================================
   TYPOGRAPHY — Cinzel display + Lato body (forced site-wide)
   ============================================================ */
body, p, a, span, div, button, input, select, textarea,
li, ul, ol, td, th, label, summary, details, article, section, header, footer, nav,
main, aside, small, strong, em, b, blockquote, figure, figcaption, time, code{
  font-family:'Lato', system-ui, 'Segoe UI', sans-serif;
}
.ti, [class^="ti-"], [class*=" ti-"]{ font-family:"tabler-icons" !important; }

h1, h2, h3, h4, h5, h6,
.font-display, h1.font-display, h2.font-display, h3.font-display, h4.font-display{
  font-family:'Cinzel', Georgia, serif !important;
  letter-spacing:.012em;
}
.font-deco, .luxe-foil{
  font-family:'Cinzel', Georgia, serif !important;
  letter-spacing:.04em;
}
.luxe-drop-head{ font-weight:700; }
.luxe-drop-item i, .luxe-drop-head i, .luxe-mobile-sec summary i{ color:rgba(212,175,55,.85); }

/* gold buttons keep dark, legible labels */
[class~="bg-gold"]{ color:#0B1320 !important; -webkit-text-fill-color:#0B1320 !important; }

/* printable contract stays dark on white paper */
#sheet, #sheet *{ color:#222 !important; -webkit-text-fill-color:#222 !important; }