/* ========================================
   Custom CSS untuk Smart PPG
   ======================================== */

/* Logo Navbar - Ukuran dan Styling */
.navbar-brand {
    padding: 5px 0 !important;
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
}

.navbar-brand img {
    max-height: 35px !important;
    height: 35px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain !important;
    display: block !important;
}

.logo-light,
.logo-dark {
    transition: all 0.3s ease !important;
}

/* Header Transparent - Logo Light visible */
.header-transparent .logo-light {
    display: block !important;
    opacity: 1 !important;
}

.header-transparent .logo-dark {
    display: none !important;
}

/* Sticky Navbar - Logo Dark visible & lebih kecil */
.is-sticky .navbar-brand {
    padding: 5px 0 !important;
}

.is-sticky .navbar-brand img {
    max-height: 32px !important;
    height: 32px !important;
}

.is-sticky .logo-light {
    display: none !important;
}

.is-sticky .logo-dark {
    display: block !important;
    opacity: 1 !important;
}

/* Logo di Footer */
.footer .footer__logo {
    max-height: 60px !important;
    height: auto !important;
    width: auto !important;
    max-width: 220px !important;
    object-fit: contain !important;
}

/* Responsive - Tablet */
@media (max-width: 991px) {
    .navbar-brand {
        padding: 5px 0 !important;
    }
    
    .navbar-brand img {
        max-height: 32px !important;
        height: 32px !important;
        max-width: 160px !important;
    }
    
    .is-sticky .navbar-brand img {
        max-height: 30px !important;
        height: 30px !important;
    }
    
    .footer .footer__logo {
        max-height: 50px !important;
        max-width: 200px !important;
    }
}

/* Responsive - Mobile */
@media (max-width: 575px) {
    .navbar-brand {
        padding: 3px 0 !important;
    }
    
    .navbar-brand img {
        max-height: 28px !important;
        height: 28px !important;
        max-width: 140px !important;
    }
    
    .is-sticky .navbar-brand img {
        max-height: 26px !important;
        height: 26px !important;
    }
    
    .footer .footer__logo {
        max-height: 45px !important;
        max-width: 180px !important;
    }
}

/* Pastikan logo tidak terdistorsi */
img[src*="logo"] {
    object-fit: contain !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Fix untuk halaman dengan white navbar */
body:has(.berita-page) .header .logo-light,
body:has(.event-page) .header .logo-light,
body:has(.pengumuman-page) .header .logo-light,
body:has(.galeri-page) .header .logo-light,
body:has(.detail-page) .header .logo-light {
    display: none !important;
}

body:has(.berita-page) .header .logo-dark,
body:has(.event-page) .header .logo-dark,
body:has(.pengumuman-page) .header .logo-dark,
body:has(.galeri-page) .header .logo-dark,
body:has(.detail-page) .header .logo-dark {
    display: block !important;
    opacity: 1 !important;
}

/* Tombol Daftar Sekarang - Hover Effect */
.action__btn-contact:hover {
    color: #ffffff !important;
}