:root {
  --primary-base-color: #008BA9;
  --primary-darken-color: #006A82;
  --secondary-base-color: #D08E0D;
  --secondary-darken-color: #946200;
  --accent-base-color: #00BA88;
  --accent-darken-color: #00966D;
}
/* ===== MODERN UI LAYER FOR OPENSID ===== */

body{
    font-family: 'Poppins', sans-serif;
    background:#f4f7fb !important;
    color:#1e293b;
}

/* Container lebih lega */
.container{
    max-width:1280px;
}

/* ===== HEADER JADI HERO MODERN ===== */
header{
    border-radius:0 0 40px 40px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

header .absolute.bg-gray-800{
    background:linear-gradient(135deg, rgba(0,86,179,.85), rgba(0,140,255,.75)) !important;
}

/* Judul desa */
header span.text-h2{
    font-size:32px;
    font-weight:700;
    letter-spacing:.5px;
}

/* ===== NAVBAR MODERN ===== */
.navbar-menu{
    background:white !important;
    color:#334155 !important;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-radius:16px;
    margin-top:-25px;
    position:relative;
    z-index:50;
}

.navbar-menu a{
    color:#334155 !important;
    font-weight:500;
}

.navbar-menu a:hover{
    background:#f1f5f9 !important;
    border-radius:8px;
}

/* ===== CARD GLOBAL ===== */
.shadow, .box, .box-primary{
    box-shadow:0 10px 25px rgba(0,0,0,.06) !important;
    border-radius:18px !important;
    border:none !important;
}

/* Hilangkan style box lama */
.box-header{
    background:transparent !important;
    border:none !important;
    padding:20px 20px 0 20px !important;
}

.box-title{
    font-weight:600;
    font-size:18px;
    color:#0f172a;
}

/* Isi box */
.box-body{
    padding:20px !important;
}

/* ===== SIDEBAR TIDAK TERLIHAT BLOG ===== */
.sidebar .shadow{
    margin-bottom:24px;
}

/* ===== ARTIKEL UTAMA ===== */
main{
    border-radius:24px !important;
    padding:30px !important;
}

/* Slider rounded */
.sliderx .owl-carousel{
    border-radius:20px;
    overflow:hidden;
}

/* ===== FORM CARI MODERN ===== */
form input{
    border-radius:999px !important;
    border:1px solid #e2e8f0 !important;
    padding-left:45px !important;
}

/* ===== BUTTON MODERN ===== */
.btn{
    border-radius:999px !important;
    font-weight:600;
    padding:10px 22px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}

/* ===== FOOTER ===== */
footer .bg-zinc-700{
    background:#0f172a !important;
    border-radius:24px 24px 0 0;
}

/* ===== HILANGKAN MARQUEE JADUL LOOK ===== */
marquee{
    background:#e2e8f0;
    padding:8px;
    border-radius:8px;
}

/* ===== MAP BOX ===== */
#map_canvas, #map_wilayah{
    border-radius:14px;
    overflow:hidden;
}

/* ===== TABS ARSIP ===== */
.nav-tabs .nav-link{
    border-radius:999px;
    margin:0 4px;
}

/* ===== SPACING BESAR BIAR TERLIHAT MAHAL ===== */
aside, main{
    margin-top:30px;
}

/* ===== HOVER EFFECT CARD ===== */
.shadow:hover{
    transform:translateY(-4px);
    transition:.3s;
}
/* ===== NAVBAR MODERN DROPDOWN ===== */

.navbar-menu{
    position:relative;
    z-index:999;
}

.navbar-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}

.navbar-menu > ul > li{
    display:inline-block;
    position:relative;
}

/* ===== DROPDOWN BASE ===== */
.navbar-menu ul ul{
    position:absolute;
    top:120%;
    left:0;
    min-width:220px;
    background:#ffffff;
    color:#1e293b;
    border-radius:12px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:all .25s ease;
    padding:8px 0;
}

/* Muncul halus */
.navbar-menu li:hover > ul{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Level 2,3,4 ke kanan */
.navbar-menu ul ul ul{
    top:0;
    left:100%;
    transform:translateX(10px);
}

/* Item dropdown */
.navbar-menu ul ul li a{
    display:block;
    padding:10px 18px;
    color:#334155 !important;
    font-weight:500;
    white-space:nowrap;
    border-radius:8px;
}

/* Hover item */
.navbar-menu ul ul li a:hover{
    background:#f1f5f9;
    color:#0f172a !important;
}

/* Parent arrow spacing */
.navbar-menu i{
    opacity:.6;
}