/* ========================================================
   NAVBAR FIX — STICKY + BACKGROUND #93d6f3 + TEXT HITAM
   ======================================================== */

/* Struktur utama navbar */
header,
.header-area,
.main-header,
.header-bottom,
.header-sticky {
    background: #93d6f3 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100% !important;
    z-index: 9999 !important;
    padding: 10px 0;
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Hapus override template tema */
.header-transparent {
    background: #93d6f3 !important;
    opacity: 1 !important;
    position: fixed !important;
}

/* LOGO AGAR TIDAK KECIL */
.logo img {
    height: 170px !important;
    width: auto !important;
}

/* Warna teks navbar */
#navigation li a,
#navigation li span,
.menu-wrapper nav ul li a {
    color: #000 !important;    /* warna hitam */
    font-weight: 600 !important;
}

/* Hover lebih gelap */
#navigation li a:hover {
    color: #333 !important;
}

/* Mobile menu text */
.mobile_menu a {
    color: #000 !important;
}


/* ========================================================
   JARAK KONTEN SETELAH NAVBAR
   ======================================================== */


.pt-140 {
    padding-top: 0 !important; /* hapus padding default template */
}


/* ========================================================
   GRID KURSUS — 3 PER BARIS
   ======================================================== */

#kursus-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
    justify-items: center !important;
}

/* Tablet */
@media (max-width: 992px) {
    #kursus-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    #kursus-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}


/* ========================================================
   KURSUS CARD DESIGN
   ======================================================== */

.kursus-card {
    width: 360px !important;
    background: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transition: 0.25s ease-in-out;
}

.kursus-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Gambar kursus — tidak gepeng */
.kursus-card img {
    width: 100%;
    height: 420px !important;
    object-fit: contain !important;
    background-color: #f3f3f3;
    padding: 8px;
}


/* ========================================================
   MISC — Perbaikan kecil
   ======================================================== */

/* Hilangkan ruang putih aneh di bawah navbar */
body {
    margin: 0 !important;
    padding: 0 !important;
}




/* ========================================================
   HERO / SLIDER HOME — KECILKAN TINGGI
   ======================================================== */

.slider-area {
    margin-top: 0 !important; /* jangan ikut margin navbar */
}

.slider-height {
    min-height: 30vh !important; /* dari 100vh / 900px */
    height: auto !important;
    padding-top: 0px !important;
    padding-bottom: 40px !important;
}

.single-slider {
    align-items: flex-start !important;
}

.hero__caption {
    margin-top: 40px !important;
}