/* Logo Customization CSS - Mudah diatur untuk user */

/* ========================================
   LOGO SIZE SETTINGS - UBAH DISINI
   ======================================== */

/* Desktop Logo Size */
.navbar-brand img {
    height: 60px !important; /* ⚠️ UBAH ANGKA INI untuk mengatur ukuran logo */
    width: auto !important;
    max-height: 80px !important; /* ⚠️ UBAH ANGKA INI untuk maksimum height */
    min-height: 40px !important; /* ⚠️ UBAH ANGKA INI untuk minimum height */
}

/* Logo size when navbar scrolled */
.navbar.scrolled .navbar-brand img {
    height: 54px !important; /* ⚠️ UBAH ANGKA INI untuk ukuran saat scroll */
}

/* ========================================
   RESPONSIVE SETTINGS - UBAH DISINI
   ======================================== */

/* Tablet Logo Size */
@media (max-width: 991.98px) {
    .navbar-brand img {
        height: 55px !important; /* ⚠️ UBAH ANGKA INI untuk tablet */
    }
    
    .navbar.scrolled .navbar-brand img {
        height: 50px !important; /* ⚠️ UBAH ANGKA INI untuk tablet saat scroll */
    }
}

/* Mobile Logo Size */
@media (max-width: 768px) {
    .navbar-brand img {
        height: 50px !important; /* ⚠️ UBAH ANGKA INI untuk mobile */
    }
    
    .navbar.scrolled .navbar-brand img {
        height: 45px !important; /* ⚠️ UBAH ANGKA INI untuk mobile saat scroll */
    }
}

/* Small Mobile Logo Size */
@media (max-width: 576px) {
    .navbar-brand img {
        height: 45px !important; /* ⚠️ UBAH ANGKA INI untuk small mobile */
    }
    
    .navbar.scrolled .navbar-brand img {
        height: 40px !important; /* ⚠️ UBAH ANGKA INI untuk small mobile saat scroll */
    }
}

/* ========================================
   ADDITIONAL LOGO STYLING - OPSIONAL
   ======================================== */

/* Logo hover effect */
.navbar-brand img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Logo shadow (optional) */
.navbar-brand img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

/* Logo border (optional) */
.navbar-brand img {
    border-radius: 4px; /* ⚠️ UBAH ANGKA INI untuk border radius */
}

/* ========================================
   QUICK SIZE PRESETS - PILIH SALAH SATU
   ======================================== */

/* Small Logo */
.logo-small .navbar-brand img {
    height: 40px !important;
}

/* Medium Logo (Default) */
.logo-medium .navbar-brand img {
    height: 60px !important;
}

/* Large Logo */
.logo-large .navbar-brand img {
    height: 80px !important;
}

/* Extra Large Logo */
.logo-xl .navbar-brand img {
    height: 100px !important;
}

/* ========================================
   INSTRUCTIONS FOR USER
   ========================================
   
   UNTUK MENGUBAH UKURAN LOGO:
   
   1. UBAH ANGKA di bagian "LOGO SIZE SETTINGS" di atas
   2. Simpan file ini
   3. Refresh browser
   
   CONTOH:
   - height: 60px → height: 80px (untuk logo lebih besar)
   - height: 60px → height: 40px (untuk logo lebih kecil)
   
   UNTUK MENGGUNAKAN PRESET:
   Tambahkan class ke navbar:
   - class="logo-small" untuk logo kecil
   - class="logo-medium" untuk logo medium
   - class="logo-large" untuk logo besar
   - class="logo-xl" untuk logo extra besar
   
   ======================================== */