/**
 * Homepage Hero v0.6.5.4 — Safe Compact + Green Overlay Restore
 *
 * Perbaikan:
 * - Mengembalikan overlay hijau dengan pseudo-element ::before yang memang
 *   cocok dengan HTML v0.6.5 (tidak membutuhkan elemen overlay tambahan).
 * - Semua aturan hanya berlaku saat class .mkb-hero-has-slider-v065 aktif.
 * - Mengompakkan hero desktop tanpa mengubah warna/design dasar theme.
 * - Menjaga slider, fokus gambar, tablet dan HP tetap berjalan.
 */

.mkb-hero-v060.mkb-hero-has-slider-v065{
    position:relative;
    isolation:isolate;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    background:#063b28 !important;
}

/* Overlay hijau: HTML slider tidak memiliki .mkb-hero-overlay-v065,
   jadi overlay harus dibuat langsung dari hero. */
.mkb-hero-v060.mkb-hero-has-slider-v065::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(
        100deg,
        rgba(4,54,35,.93) 0%,
        rgba(4,54,35,.84) 44%,
        rgba(4,54,35,.56) 72%,
        rgba(4,54,35,.30) 100%
    );
}

.mkb-hero-has-slider-v065 .mkb-hero-slider-v065{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    background:#063b28;
    pointer-events:none;
}

.mkb-hero-has-slider-v065 .mkb-hero-slide-v065{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .85s ease, visibility .85s linear;
    will-change:opacity;
}

.mkb-hero-has-slider-v065 .mkb-hero-slide-v065.is-active{
    opacity:1;
    visibility:visible;
}

.mkb-hero-has-slider-v065 .mkb-hero-slide-image-v065{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:var(--mkb-hero-focus-desktop, center 45%);
}

/* Konten selalu di atas foto dan overlay. */
.mkb-hero-has-slider-v065 .mkb-hero-grid-v060{
    position:relative;
    z-index:2;
}

/* ============================================================
   DESKTOP / LAPTOP — COMPACT AMAN
   ============================================================ */
@media(min-width:861px){
    .mkb-hero-has-slider-v065 .mkb-hero-grid-v060{
        padding-top:18px !important;
        padding-bottom:18px !important;
        gap:34px !important;
        align-items:center !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-copy-v060 h1{
        font-size:clamp(40px,3.35vw,52px) !important;
        line-height:1.04 !important;
        overflow:visible !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-copy-v060 .mkb-hero-lead{
        margin-top:14px !important;
        line-height:1.55 !important;
    }

    .mkb-hero-has-slider-v065 .mkb-buttons-v060{
        margin-top:16px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-meta-v060{
        margin-top:10px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-card-v060{
        padding:16px !important;
        border-radius:18px !important;
        overflow:visible !important;
        /* Jangan override warna/background kartu theme. */
    }

    .mkb-hero-has-slider-v065 .mkb-hero-card-badge{
        margin-bottom:7px !important;
        min-height:25px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-card-v060 h2{
        font-size:25px !important;
        line-height:1.12 !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-card-v060 > p{
        margin:6px 0 10px !important;
        font-size:13px !important;
        line-height:1.4 !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-list{
        gap:4px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-list a,
    .mkb-hero-has-slider-v065 .mkb-hero-service-list .mkb-hero-service-disabled{
        padding:7px 10px !important;
        min-height:0 !important;
        border-radius:11px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-icon{
        width:34px !important;
        height:34px !important;
        border-radius:9px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-list strong{
        font-size:12.5px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-list small{
        font-size:9.5px !important;
        line-height:1.25 !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-service-status{
        margin-top:3px !important;
        padding:2px 6px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-card-footer-link{
        margin-top:7px !important;
        font-size:11px !important;
    }
}

/* ============================================================
   TABLET & HP — mengikuti layout responsif theme
   ============================================================ */
@media(max-width:860px){
    .mkb-hero-v060.mkb-hero-has-slider-v065{
        min-height:auto !important;
        height:auto !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-grid-v060{
        padding-top:34px !important;
        padding-bottom:34px !important;
    }

    .mkb-hero-has-slider-v065 .mkb-hero-slide-image-v065{
        object-position:var(--mkb-hero-focus-mobile, center center);
    }
}

@media(prefers-reduced-motion:reduce){
    .mkb-hero-has-slider-v065 .mkb-hero-slide-v065{
        transition:none !important;
    }
}