/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */


/* ================================================================== */
/* 1. ATURAN GLOBAL/PEMBUNGKUS UTAMA (Mengatasi Jarak Kanan & Kiri) */
/* ================================================================== */
body,
.container,
.g-container,
.rt-container,
.main-content-area,
.content-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important; 
}

/* ================================================================== */
/* 2. TARGET NAVIGASI/HEADER (Mengatasi Sisa Jarak Atas) */
/* ================================================================== */
header, 
#header, 
.header-container, 
.menu-wrapper,
.top-section,
.navbar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ================================================================== */
/* 3. AREA UTAMA SLIDER (#sp-smart-slider111 .maxima-slider) */
/* ================================================================== */
#sp-smart-slider111 .maxima-slider {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 420px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1 !important;
}

/* ================================================================== */
/* 4. TARGET ELEMEN PEMBUNGKUS DARI PAGE BUILDER */
/* ================================================================== */
#sp-smart-slider111,
#sp-smart-slider111 .sppb-addon-content,
#sp-smart-slider111 .sppb-addon {
    margin: 0 !important;
    padding: 0 !important;
}

/* ================================================================== */
/* 5. ITEM SLIDER & GAMBAR */
/* ================================================================== */

/* Pastikan tiap item slide tidak punya padding/margin aneh */
#sp-smart-slider111 .maxima-slider .slider-item,
#sp-smart-slider111 .maxima-slider .slider-item-inner {
    padding: 0 !important; 
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Kontainer gambar */
#sp-smart-slider111 .slider-image {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Gambar di dalam slider - Dengan opsi geser manual */
#sp-smart-slider111 .slider-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    object-position: center top !important; /* Fokus pada bagian atas gambar */
    border: none !important;
    margin: 0 !important;
    
    /* OPSIONAL: Geser gambar sedikit ke atas jika 'object-position' saja tidak cukup */
    /* Sesuaikan nilai -5% sesuai kebutuhan Anda (misal: -2%, -7%, dll.) */
    transform: translateY(-5%); 
}

/* ================================================================== */
/* 6. KONTEN (JUDUL) DI ATAS SLIDER - KINI SELALU TERSEMBUNYI */
/* ================================================================== */
#sp-smart-slider111 .slider-content {
    display: none !important; /* Judul slider disembunyikan total */
    visibility: hidden !important;
    
    /* Properti lain di bawah ini menjadi tidak relevan karena sudah disembunyikan */
    /* Namun tetap saya sertakan untuk jaga-jaga jika diaktifkan lagi */
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    background: rgba(0, 0, 0, 0.5); 
    color: #fff; 
    text-align: center; 
    padding: 15px 10px; 
    box-sizing: border-box; 
    z-index: 5; 
}

#sp-smart-slider111 .slider-content .slider-title,
#sp-smart-slider111 .slider-content .sp-smart-title {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
    margin: 0;
    padding: 0;
}

/* Sembunyikan elemen lain yang tidak perlu (tetap) */
#sp-smart-slider111 .slider-text,
#sp-smart-slider111 .slider-button {
    display: none !important;
}

/* ================================================================== */
/* 7. RESPONSIVE UNTUK MOBILE */
/* ================================================================== */
@media (max-width: 768px) {
    #sp-smart-slider111 .maxima-slider {
        height: 280px !important;
    }
    /* Tinggi gambar di mobile tidak perlu di override lagi karena sudah 100% */
    /* Posisi object juga akan mengikuti aturan default atau yang di atas */
}

/* ================================================= */
/* 8. PAKSA SLIDER MENEMPEL KE ATAS */
/* ================================================= */
#sp-page-builder .sppb-section:first-child,
#sp-page-builder .sppb-row:first-child,
#sp-smart-slider111 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}