/* Shared theme for Nasaq Advisory secondary pages.
   Pairs with the Tailwind CDN config defined inline in each page. */
html { scroll-behavior: smooth; }
body { background:#F8F5EE; color:#0A1A35; }
html[lang="ar"] body { font-family: 'Cairo', sans-serif; }
html[lang="en"] body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Cormorant Garamond', serif; }
html[lang="ar"] .font-display { font-family: 'Cairo', sans-serif; font-weight:700; }
.gold-line { background: linear-gradient(90deg, transparent, #C5A059, transparent); height:1px; }
.btn-primary { background:#C5A059; color:#0A1A35; transition:all .25s; font-weight:600; }
.btn-primary:hover { background:#D9BC7C; transform:translateY(-1px); box-shadow:0 10px 25px -10px rgba(197,160,89,.6); }
.btn-outline { border:1px solid #C5A059; color:#C5A059; transition:all .25s; font-weight:600; }
.btn-outline:hover { background:#C5A059; color:#0A1A35; }
.btn-outline-navy { border:1px solid #0A1A35; color:#0A1A35; transition:all .25s; font-weight:600; }
.btn-outline-navy:hover { background:#0A1A35; color:#F8F5EE; }
.card { background:#fff; border:1px solid rgba(10,26,53,.08); border-radius:14px; transition:all .3s; }
.card:hover { border-color: rgba(197,160,89,.5); box-shadow:0 18px 40px -20px rgba(10,26,53,.25); }
.card-dark { background:#0A1A35; color:#F8F5EE; border-radius:14px; }
.field { width:100%; background:#fff; border:1px solid rgba(10,26,53,.15); border-radius:8px; padding:.7rem .9rem; outline:none; transition:all .2s; color:#0A1A35; font: inherit; }
.field:focus { border-color:#C5A059; box-shadow:0 0 0 3px rgba(197,160,89,.18); }
.field.error { border-color:#b00020; }
.err-msg { color:#b00020; font-size:.78rem; margin-top:.25rem; display:none; }
.err-msg.show { display:block; }
.badge-gold { background:#C5A059; color:#0A1A35; font-weight:700; padding:.25rem .7rem; border-radius:999px; font-size:.7rem; letter-spacing:.05em; }
.badge-muted { background:rgba(10,26,53,.08); color:#0A1A35; font-weight:600; padding:.2rem .6rem; border-radius:999px; font-size:.7rem; }
.nav-link { color:#F8F5EE; opacity:.85; transition:all .2s; font-size:.9rem; }
.nav-link:hover { color:#C5A059; opacity:1; }
.toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(120%); background:#0A1A35; color:#F8F5EE; padding:.85rem 1.25rem; border-radius:10px; border:1px solid #C5A059; z-index:200; transition:transform .35s; max-width:90%; text-align:center; font-size:.9rem;}
.toast.show { transform:translateX(-50%) translateY(0); }
.hidden-x { display:none !important; }
.divider-diamond { display:flex; align-items:center; gap:.75rem; color:#C5A059; }
.divider-diamond::before, .divider-diamond::after { content:""; flex:1; height:1px; background: linear-gradient(90deg, transparent, rgba(197,160,89,.5), transparent); }
.hero-bg { background: radial-gradient(1200px 600px at 80% -10%, rgba(197,160,89,.18), transparent 60%), radial-gradient(900px 500px at 0% 100%, rgba(197,160,89,.10), transparent 60%), linear-gradient(180deg, #06122A, #0A1A35); }
/* Modal */
.modal-overlay { position:fixed; inset:0; background:rgba(6,18,42,.7); z-index:300; display:none; align-items:flex-start; justify-content:center; overflow-y:auto; padding:24px 16px; }
.modal-overlay.show { display:flex; }
.modal-card { background:#fff; border-radius:16px; max-width:560px; width:100%; padding:1.75rem; border:1px solid rgba(197,160,89,.4); box-shadow:0 30px 60px -20px rgba(6,18,42,.5); }