/* ==========================================================================
   Apple Kost 6 - Custom Stylesheet
   ========================================================================== */

/* Import Font Google */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
}

/* --- KUSTOMISASI WARNA BROSUR --- */
.text-warning { color: #fec107 !important; }
.bg-warning { background-color: #fec107 !important; }
.bg-dark { background-color: #1a1a1a !important; }

/* --- HERO SECTION --- */
.hero-section {
    position: relative;
    background-image: url('../images/others/header.jpeg'); /* Silakan ganti dengan gambar gedung 3D */
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Overlay hitam transparan di atas gambar hero agar teks kontras */
.hero-section::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
}

/* Efek bayangan teks */
.shadow-text {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

/* --- KOTAK PASSIVE INCOME --- */
.income-box {
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    transition: transform 0.3s ease;
}

.income-box:hover {
    transform: translateY(-5px);
}

/* --- CARD FASILITAS --- */
.facility-card {
    transition: all 0.3s ease;
    border-bottom: 4px solid transparent;
}

.facility-card:hover {
    border-bottom: 4px solid #fec107;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

/* --- UTALITAS GAMBAR MONOCHROME (UNTUK ABOUT US) --- */
.img-monochrome {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.img-monochrome:hover {
    filter: grayscale(0%);
}

/* ==========================================================================
   EFEK BURAM (BLUR) PADA BACKGROUND SAAT POPUP AKTIF
   ========================================================================== */
.modal-backdrop.show {
    /* Mengaburkan tampilan website di belakang popup */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Dukungan untuk browser Safari */
    
    /* Menggelapkan sedikit latar belakang agar popup warna kuning/putih lebih kontras */
    background-color: rgba(0, 0, 0, 0.7) !important; 
    
    /* Animasi halus saat efek buram muncul */
    transition: all 0.5s ease;
}