/*
Theme Name: Astra Child - Desa Muara Bengkal Ilir
Theme URI: http://localhost:8080
Description: Child theme resmi untuk Website Desa Muara Bengkal Ilir
Author: Pemerintah Desa Muara Bengkal Ilir
Author URI: http://localhost:8080
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* ==========================================================================
   Warna Resmi & Identitas Visual Pemerintahan Desa Muara Bengkal Ilir
   ========================================================================== */
:root {
    --desa-primary: #b71c1c;       /* Merah Indonesia / Merah Resmi */
    --desa-primary-dark: #7f0000;
    --desa-secondary: #0d47a1;     /* Biru Pengayom / Layanan Publik */
    --desa-accent: #f57f17;        /* Kuning Keemasan Kemakmuran */
    --desa-bg-light: #f8f9fa;
    --desa-text-dark: #212529;     /* Kontras tinggi untuk lansia & keterbacaan */
    --desa-border: #e2e8f0;
}

/* Aksesibilitas: Tingkatkan kontras font dan keterbacaan */
body {
    color: var(--desa-text-dark);
    font-size: 16px;
    line-height: 1.6;
}

/* Header & Navigasi */
.main-header-bar {
    border-bottom: 3px solid var(--desa-primary);
}

/* Tombol CTA / Layanan */
.button, .btn, input[type="submit"], .wp-block-button__link {
    border-radius: 6px !important;
    font-weight: 600 !important;
}

/* Card Berita & Layanan Desa */
.desa-card {
    background: #ffffff;
    border: 1px solid var(--desa-border);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.desa-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

/* Badge status / Kategori */
.desa-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: var(--desa-primary);
    color: #ffffff;
}

/* Footer Desa */
.site-footer {
    background-color: #1a202c;
    color: #e2e8f0;
}