/*
 * Tilawah Online logo presentation.
 * This file changes logo presentation only.
 */

.tilawah-brand-logo {
    display: block;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff !important;
    padding: 5px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(7, 143, 211, 0.16) !important;
    box-shadow:
        0 8px 24px rgba(7, 46, 66, 0.12) !important;
}

html.dark .tilawah-brand-logo {
    background: #ffffff !important;
    border-color: rgba(20, 191, 209, 0.25) !important;
}

header .tilawah-brand-logo,
.sidebar .tilawah-brand-logo,
.app-sidebar .tilawah-brand-logo,
.main-sidebar .tilawah-brand-logo,
.admin-header .tilawah-brand-logo {
    object-fit: contain !important;
}

.login-card .tilawah-brand-logo,
.auth-card .tilawah-brand-logo,
.login-side .tilawah-brand-logo,
.auth-side .tilawah-brand-logo {
    margin-inline: auto;
    object-fit: contain !important;
}

@media (max-width: 768px) {
    .tilawah-brand-logo {
        padding: 3px !important;
        border-radius: 14px !important;
    }
}

@media print {
    .tilawah-brand-logo {
        background: transparent !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}