/* ==========================================================
   BEST ISLAMI LIFE - GLOBAL FINAL LOGO THEME
   Applies to every public page using modern_header/footer.
   ========================================================== */

:root {
    --bli-purple: #92278F;
    --bli-purple-deep: #782A90;
    --bli-purple-dark: #651D70;
    --bli-purple-bright: #C84FD1;
    --bli-charcoal: #414042;
    --bli-ink: #231F20;
    --bli-soft: #FAF4FB;
    --bli-soft-2: #F4E8F5;
    --bli-border: #E8D5E9;
    --bli-white: #FFFFFF;

    /* Override old green theme variables where pages use them */
    --brand: #92278F;
    --brand-dark: #782A90;
    --brand-deep: #651D70;
    --primary: #92278F;
    --primary-dark: #782A90;
}

/* ================= HEADER ================= */

.site-header {
    position: relative;
    z-index: 1200;
}

.site-header .topbar {
    background: linear-gradient(90deg,#782A90,#92278F) !important;
    color: #fff !important;
}

.site-header .topbar a,
.site-header .topbar .dropdown-toggle {
    color: rgba(255,255,255,.98) !important;
}

.site-header .topbar a:hover {
    color: #fff !important;
    opacity: .84;
}

.site-header .language-btn {
    color:#fff !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(255,255,255,.07) !important;
}

.site-header .navbar {
    background:#fff !important;
    z-index:1210 !important;
}

.brand-logo {
    width:72px !important;
    height:72px !important;
    object-fit:contain !important;
}

.brand-text strong {
    color:var(--bli-purple) !important;
    font-weight:800 !important;
}

.brand-text small {
    color:var(--bli-charcoal) !important;
}

.site-header .navbar .nav-link {
    color:var(--bli-ink) !important;
    font-weight:700 !important;
}

.site-header .navbar .nav-link:hover,
.site-header .navbar .nav-link:focus,
.site-header .navbar .nav-link.active {
    color:var(--bli-purple) !important;
}

.site-header .dropdown-menu {
    z-index:1400 !important;
    border:1px solid var(--bli-border) !important;
    border-radius:12px !important;
    box-shadow:0 18px 40px rgba(65,64,66,.15) !important;
}

.site-header .dropdown-item {
    color:var(--bli-charcoal) !important;
    border-radius:8px;
}

.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus {
    color:var(--bli-purple) !important;
    background:var(--bli-soft) !important;
}

.site-header .topbar .dropdown-menu .dropdown-item {
    color:var(--bli-charcoal) !important;
    background:#fff !important;
}

.site-header .topbar .dropdown-menu .dropdown-item:hover {
    color:var(--bli-purple) !important;
    background:var(--bli-soft) !important;
}

.site-header .topbar .dropdown-menu .dropdown-item i {
    color:var(--bli-purple) !important;
}

/* ================= BUTTONS ================= */

.btn-brand,
.btn-success,
.btn-primary,
a.btn-brand,
button.btn-brand {
    color:#fff !important;
    background:linear-gradient(135deg,var(--bli-purple-deep),var(--bli-purple)) !important;
    border-color:var(--bli-purple) !important;
    box-shadow:0 10px 24px rgba(146,39,143,.16);
}

.btn-brand:hover,
.btn-success:hover,
.btn-primary:hover,
a.btn-brand:hover {
    color:#fff !important;
    background:var(--bli-purple-dark) !important;
    border-color:var(--bli-purple-dark) !important;
}

.btn-outline-success,
.btn-outline-primary,
.btn-outline-brand {
    color:var(--bli-purple) !important;
    border-color:var(--bli-purple) !important;
    background:transparent !important;
}

.btn-outline-success:hover,
.btn-outline-primary:hover,
.btn-outline-brand:hover {
    color:#fff !important;
    background:var(--bli-purple) !important;
}

/* ================= GENERIC PAGE BRANDING ================= */

.text-success,
.text-primary {
    color:var(--bli-purple) !important;
}

.bg-success,
.bg-primary {
    background-color:var(--bli-purple) !important;
}

.badge.text-bg-success,
.badge.bg-success {
    background:var(--bli-purple) !important;
    color:#fff !important;
}

a {
    accent-color:var(--bli-purple);
}

/* Common page hero classes already used across current site */
.about-hero,
.management-hero,
.sales-hero,
.board-hero,
.policy-hero,
.claim-public-hero,
.support-hero,
.contact-hero,
.page-hero,
.hero-section,
.tax-hero,
.downloads-hero,
.gallery-hero,
.notice-hero,
.faq-hero,
.career-hero,
.branch-hero {
    background:
        linear-gradient(
            120deg,
            rgba(35,31,32,.96),
            rgba(120,42,144,.94) 58%,
            rgba(146,39,143,.90)
        ) !important;
}

.hero-label,
.section-label,
.section-kicker,
.eyebrow,
.kicker {
    color:#E9B9EA !important;
}

.section-heading span,
.management-hero h1 span,
.sales-hero h1 span,
.about-hero h1 span,
.board-hero h1 span {
    color:#D45ADB !important;
}

/* Generic light sections/cards */
.soft-section,
.page,
.claim-public-page,
.claim-status-page,
.support-page,
.support-status-page {
    background:linear-gradient(180deg,#fff,var(--bli-soft)) !important;
}

.card,
.box,
.claim-form-card,
.claim-status-card,
.support-card,
.support-status-card,
.intro-content-card,
.values-panel,
.management-card,
.sales-card {
    border-color:var(--bli-border) !important;
}

/* Form focus */
.form-control:focus,
.form-select:focus,
textarea:focus {
    border-color:rgba(146,39,143,.55) !important;
    box-shadow:0 0 0 .2rem rgba(146,39,143,.12) !important;
}

/* ================= HOME HERO ================= */

.bli-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(35,31,32,.92) 0%,
            rgba(120,42,144,.82) 40%,
            rgba(146,39,143,.40) 68%,
            rgba(35,31,32,.08) 100%
        ) !important;
}

.bli-hero-content h1 span {
    color:var(--bli-purple-bright) !important;
}

.bli-hero-kicker {
    color:#F0D8F1 !important;
}

.bli-hero-slider .carousel-indicators .active {
    background-color:var(--bli-purple) !important;
}

/* ================= FOOTER ================= */

/* Footer - match main header/logo purple */
.site-footer,
footer {
    background: #92278F !important;
    background-image: none !important;
    color: #ffffff !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a,
footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer span,
footer li,
footer a {
    color: #ffffff !important;
}

.site-footer a:hover,
footer a:hover {
    color: #f4c8f2 !important;
}

/* Bottom copyright divider */
.site-footer hr,
.site-footer .footer-bottom,
footer .footer-bottom {
    border-color: rgba(255,255,255,.25) !important;
}

/* ================= MOBILE ================= */

@media (min-width:992px) {
    .site-header .navbar .dropdown-menu {
        position:absolute !important;
        min-width:225px;
        padding:8px;
    }

    .site-header .navbar-nav .nav-item > .btn-brand {
        padding:12px 16px !important;
        border-radius:12px;
        white-space:nowrap;
    }
}

@media (max-width:991.98px) {

    .site-header .topbar .container {
        flex-direction:column;
        align-items:flex-start !important;
        padding-top:9px;
        padding-bottom:9px;
    }

    .bli-top-links {
        width:100%;
        overflow-x:auto;
        white-space:nowrap;
        padding-bottom:4px;
    }

    .bli-top-links > * {
        flex:0 0 auto;
    }

    .brand-logo {
        width:58px !important;
        height:58px !important;
    }

    .brand-text strong {
        font-size:.98rem !important;
        line-height:1.12;
    }

    .navbar-collapse {
        margin-top:12px;
        padding:12px;
        background:#fff;
        border:1px solid var(--bli-border);
        border-radius:14px;
        box-shadow:0 16px 34px rgba(120,42,144,.10);
    }

    .navbar-nav {
        align-items:stretch !important;
    }

    .navbar-nav .nav-link,
    .navbar-nav .btn-brand {
        width:100%;
        text-align:left;
        padding:11px 12px !important;
    }

    .navbar-nav .btn-brand {
        margin-top:7px;
        text-align:center;
    }

    .navbar .dropdown-menu {
        position:static !important;
        width:100%;
        margin:4px 0 8px;
        border:0 !important;
        background:var(--bli-soft) !important;
        box-shadow:none !important;
    }

    .bli-footer-grid {
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:575.98px) {
    .bli-footer-grid {
        grid-template-columns:1fr;
        gap:28px;
    }

    .brand-logo {
        width:50px !important;
        height:50px !important;
    }

    .brand-text strong {
        max-width:205px;
        font-size:.88rem !important;
    }

    .brand-text small {
        font-size:.68rem;
    }
}
/* Remove underline from top header links */
.site-header .topbar a,
.site-header .topbar .dropdown-toggle {
    text-decoration: none !important;
}

.site-header .topbar a:hover,
.site-header .topbar a:focus,
.site-header .topbar .dropdown-toggle:hover,
.site-header .topbar .dropdown-toggle:focus {
    text-decoration: none !important;
}