/* ============================================================
   RUZQA STRATEGIC - UNIFIED NAVY & BLACK THEME
   ============================================================ */

/* --- 1. CORE VARIABLES --- */
:root {
    --navy-deep: #0A192F;
    --navy-light: #112240; 
    --gold-accent: #D4AF37;
    --slate-grey: #8892b0;
    --white-pure: #E6F1FF;
}

/* --- 2. GLOBAL RESET & BASE --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; background-color: var(--navy-deep); }

/* DEFAULT: SEMUA NAVY (INDEX/HOME) */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--navy-deep) !important; /* PAKSA NAVY */
    color: var(--slate-grey);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair Display', serif;
    color: var(--white-pure) !important; /* PAKSA PUTIH AGAR TERBACA */
}

a { text-decoration: none; transition: 0.3s; }

/* --- 3. LAYOUT & SECTIONS (DOMINAN NAVY) --- */
.container { max-width: 1200px; margin: 0 auto; padding: 0 25px; }
.bg-navy, .pillars, .publications, .coordination { 
    background-color: var(--navy-deep) !important; 
}

.pillar-card {
    background: var(--navy-light);
    padding: 40px;
    border-top: 3px solid transparent;
    transition: 0.3s;
}
.pillar-card:hover { border-top: 3px solid var(--gold-accent); }

/* --- 4. HEADER & FOOTER (UNIFIED NAVY) --- */
header {
    position: fixed; width: 100%; top: 0; z-index: 1000;
    background: rgba(10, 25, 47, 0.98);
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
    height: 80px; display: flex; align-items: center;
}

footer {
    background-color: var(--navy-deep) !important; /* KUNCI NAVY */
    color: var(--slate-grey);
    padding: 60px 0 30px;
    border-top: 1px solid rgba(212, 175, 55, 0.15);
}

/* --- 5. KHUSUS HALAMAN LEGAL & PRIVACY (FORCE BLACK) --- */
/* Syarat: Tag body di privacy.html & legal.html harus ada class 'legal-page' atau 'privacy-page' */
body.legal-page, 
body.privacy-page, 
body.terms-page {
    background-color: #000000 !important; /* PAKSA HITAM */
}

body.legal-page .legal-container,
body.privacy-page .legal-container {
    padding-top: 140px;
    padding-bottom: 100px;
    max-width: 1000px;
    margin: 0 auto;
}

.legal-text p { text-align: justify; color: #ccd6f6; margin-bottom: 25px; }
.legal-text h2 { color: #ffffff; border-left: 5px solid var(--gold-accent); padding-left: 20px; margin-top: 40px; }

/* --- 6. MOBILE PROTOCOL --- */
@media (max-width: 768px) {
    header { position: relative !important; height: auto !important; }
    .nav-links { flex-direction: column !important; background-color: var(--navy-light) !important; }
}