/* =========================================
   STYLE THEME: ELEGANT PROFESSIONAL
   Updated for: BWS Sumatera V
   ========================================= */

/* 1. IMPORT FONTS */
/* Playfair Display (Judul/Kesan Mewah) & Plus Jakarta Sans (Teks/Modern) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* 2. VARIABLES & ROOT */
:root {
    /* Primary Colors */
    --color-blue-dark: #0B1F46;   /* Biru BWS Gelap */
    --color-blue-light: #163a83;  /* Biru Terang untuk Gradient */
    
    /* Accent Colors */
    --color-gold: #c5a47e;        /* Emas Elegan (Pengganti Kuning Terang) */
    --color-gold-hover: #b08d65;
    
    /* Neutrals */
    --text-dark: #2c3e50;
    --text-muted: #6c757d;
    --bg-body: #F8FAFC;           /* Putih Tulang / Abu sangat muda */
    
    /* Fonts */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
}

body {
    font-family: var(--font-sans);
    background-color: var(--bg-body);
    color: var(--text-dark);
    font-weight: 400; /* Kembali ke normal agar tidak terlalu tebal */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* 3. TYPOGRAPHY (CLASSY STYLE) */
h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: var(--font-serif);
    font-weight: 700;
    color: var(--color-blue-dark);
    letter-spacing: -0.5px; /* Sedikit rapat agar elegan */
}

/* Judul Section dengan garis emas kecil di bawahnya */
.section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

/* 4. NAVBAR (GLASSMORPHISM & TRANSITION) */
/* Style dasar Navbar (Transparan di awal) */
.navbar-glass {
    transition: all 0.4s ease-in-out;
    padding: 1.5rem 0;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Style saat discroll (Gelap & Blur) */
.navbar-scrolled {
    background: rgba(11, 31, 70, 0.95) !important; /* Biru Gelap Transparan */
    backdrop-filter: blur(10px); /* Efek Kaca Buram */
    padding: 0.8rem 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    border-bottom: none;
}

.nav-link {
    font-family: var(--font-sans);
    font-weight: 500 !important;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

/* 5. BUTTONS (MODERN GRADIENT & PILL SHAPE) */
.btn {
    border-radius: 50px !important; /* Selalu bulat (Pill) */
    padding: 10px 28px;
    font-weight: 600;
    font-family: var(--font-sans);
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

/* Tombol Utama (Gradient Biru) */
.btn-primary {
    background: linear-gradient(135deg, var(--color-blue-dark) 0%, var(--color-blue-light) 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(11, 31, 70, 0.3);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--color-blue-light) 0%, var(--color-blue-dark) 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(11, 31, 70, 0.4);
}

/* Tombol Aksi Sekunder (Outline Emas) */
.btn-outline-gold {
    border: 2px solid var(--color-gold);
    color: var(--color-gold);
    background: transparent;
}

.btn-outline-gold:hover {
    background: var(--color-gold);
    color: white;
}

/* 6. CARDS (CLEAN & FLOATING) */
/* Mengganti kotak tebal menjadi kartu bersih melayang */
.card {
    border: none !important;
    border-radius: 16px !important;
    background: #ffffff;
    /* Shadow sangat halus */
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.08); 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Efek pantul halus */
    overflow: hidden;
}

.card:hover {
    transform: translateY(-10px); /* Naik saat hover */
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.15);
}

.card-title {
    font-family: var(--font-serif);
    font-weight: 700;
    margin-bottom: 1rem;
}

.card-text {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

/* 7. BADGE STATUS (REFINED) */
.badge {
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.75rem;
    letter-spacing: 1px;
}

/* 8. FOOTER (CLEAN DARK) */
.footer-pupr {
    background: var(--color-blue-dark);
    color: white;
    padding-top: 4rem;
    padding-bottom: 2rem;
    position: relative;
}

/* Garis emas pemanis di atas footer */
.footer-pupr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--color-gold) 0%, transparent 100%);
}

.footer-title {
    color: white;
    font-family: var(--font-serif);
    margin-bottom: 1.5rem;
}

.footer-link {
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: 400 !important;
}

.footer-link:hover {
    color: var(--color-gold) !important;
    padding-left: 5px; /* Efek geser sedikit */
}

/* 9. UTILITIES TAMBAHAN */
.text-gold {
    color: var(--color-gold) !important;
}

.bg-gold {
    background-color: var(--color-gold) !important;
}

/* Pagination Custom */
.pagination .page-link {
    border: none;
    color: var(--text-dark);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px; /* Center vertical */
    text-align: center;
    padding: 0;
    margin: 0 5px;
    font-weight: 600;
}

.pagination .page-item.active .page-link {
    background-color: var(--color-blue-dark);
    color: white;
    box-shadow: 0 4px 10px rgba(11, 31, 70, 0.3);
}