/* =====================================================
   Al-Masjid Custom Styles
   ===================================================== */

/* Sidebar brand area – tengahkan dan beri ruang */
.main-sidebar .brand-link {
    text-align: center !important;
    padding: 16px 10px !important;
}

/* Sidebar logo image – tengah, lebih besar, lingkaran putih */
.brand-link .brand-image {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    max-height: none !important;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
    object-fit: contain;
}

/* Sembunyikan teks brand (karena kita hanya ingin gambar) */
.brand-link .brand-text {
    display: none !important;
}

/* Preloader – logo besar, 50% lebar layar, tetap proporsional */
.preloader img {
    width: 50vw !important;
    height: auto !important;
    max-width: 50vw !important;
    object-fit: contain;
}