/* ==========================================================================
   01. GLOBAL FOUNDATION & ROOT HIERARCHY
   Fungsi: Normalisasi browser (DPI-Aware), Box-sizing, dan Struktur Utama Layout.
   ========================================================================== */

/* 01.1. Browser Reset & Normalizer */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    overflow: hidden; /* Dikunci agar scroll dikelola oleh .main-content */
    view-transition-name: root; 
    background-color: #F2F0EB !important; /* Warna ini yang akan muncul saat scroll ditarik mentok */
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    background-color: #F2F0EB; /* Warm Ivory */
    color: #1A1A1A; /* Soft Black */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-family: 'Hubballi', sans-serif;
}

body, .main-content {
    /* Mencegah tarikan layar yang memperlihatkan warna putih di luar elemen */
    overscroll-behavior-y: none; 
}

/* 01.2. Root Application Layout (Serasa.id Engine) */
#root {
    height: 100vh;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: -webkit-fill-available; /* Khusus Safari iOS */
    background-color: #F2F0EB !important;
}

.main-content {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F2F0EB !important; 
    display: flex;
    flex-direction: column;
    padding-top: 55px; /* Samakan dengan tinggi navbar baru Anda */
}

/* 01.3. Custom Scrollbar Styling (Desktop/DPI-Aware) */
::-webkit-scrollbar { 
    width: 12px; 
}
::-webkit-scrollbar-track { 
    background: #F9F9F9; 
}
::-webkit-scrollbar-thumb { 
    background: #D1CDC7; 
    border-radius: 6px; 
    border: 3px solid #F9F9F9; 
}

/* 01.4. Global Accessibility & Selection */
::selection {
    background-color: #D1CDC7;
    color: #fff;
}

/* ==========================================================================
   02. TYPOGRAPHY / BASE (Pengaturan Dasar Teks)
   ========================================================================== */

/* 1. Default Body Style (Menggunakan Hubballi & Warm Ivory Background) */
body {
    background-color: #F2F0EB;
    /* Warm Grey/Ivory - Nyaman di mata */
    color: #1A1A1A;
    /* Teks hampir hitam - Elegan & kontras */
    margin: 0;
    padding: 0;
}

p, a, input, textarea, button {
    font-family: 'Hubballi', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: inherit;
    /* Mengikuti warna body (#1A1A1A) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. Headings Style (Menggunakan Oswald) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    color: #1A1A1A;
    margin-top: 0;
    letter-spacing: 0.5px;
    /* Sedikit spasi untuk kesan eksklusif */
}

/* 3. Khusus Navigasi (Hanya Definisi Font) */
.nav-list li a {
    font-family: 'FiraSans', sans-serif;
}

/* 4. Pengaturan Garis/Aksen Global */
hr {
    border: 0;
    border-top: 1px solid #D1CDC7;
    /* Warna Greyish Brown */
    margin: 20px 0;
}

/* ==========================================================================
   03. WORDPRESS CORE BLOCKS - MEDIA & EMBEDS (GLOBAL)
   ========================================================================== */

/* 1. Video, Embed, & Media */
.wp-block-video video, .wp-block-embed iframe, .wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 2. Link Style Global (Jika ada link di dalam kolom) */
.wp-block-column a {
    text-decoration: none;
    transition: color 0.2s ease;
}