/* --- 1. IMPORT GOOGLE FONT (Harus di baris paling atas) --- */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

/* --- 2. HILANGKAN MARGIN & PADDING BAWAAN THEME ASTRA / GUTENBERG --- */
html, body {
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.site-content .ast-container,
.site-content .entry-content,
.site-main {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- 3. PAKSA CONTAINER HERO MENJADI FULLSCREEN (100VH & 100VW) --- */
.wp-block-cover,
.wp-block-group.hero-cinematic-container,
.hero-cinematic-container,
.hero-venema-container {
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    overflow: hidden !important;
    
    /* Mengatur agar teks & konten di dalamnya otomatis rata tengah secara vertikal & horizontal */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* --- 4. PAKSA ELEMEN VIDEO BERADA DI LAPISAN PALING BELAKANG (z-index: 0) --- */
.hero-cinematic-container video,
.hero-venema-container video,
.wp-block-cover__video-background,
.hero-bg-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important; /* Diubah agar tidak menutupi teks */
}

/* --- 5. PAKSA TEKS/KONTEN BERADA DI LAPISAN DEPAN (z-index: 10) --- */
.wp-block-cover__inner-container,
.hero-cinematic-container .wp-block-group,
.hero-venema-container .wp-block-group,
.hero-cinematic-container h1,
.hero-cinematic-container h2,
.hero-cinematic-container p,
.hero-venema-container h1,
.hero-venema-container h2,
.hero-venema-container p {
    position: relative !important;
    z-index: 10 !important; /* Mengangkat teks ke atas video */
    color: #ffffff !important;
    text-align: center !important;
    width: 100% !important;
}

/* --- 6. CLASS KHUSUS FONT CURSIVE / TULISAN TANGAN --- */
.script-font {
    font-family: 'Great Vibes', cursive !important;
    font-size: 3.5rem !important;
    font-weight: normal !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}