/* Shared public-site palette, loaded after page-specific styles. */
@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/alwatan/Alexandria-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Kufi Arabic';
    src: url('../fonts/alwatan/NotoKufiArabic-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
body:lang(ar),
body:lang(ar) .bank-footer,
body:lang(ar) :is(p, a, button, input, select, textarea, label, li, summary),
body:lang(ar) .bank-navbar .nav-link {
    font-family: 'Noto Kufi Arabic', Tahoma, sans-serif !important;
    letter-spacing: normal;
}
body:lang(ar) { font-size: 14.4px !important; font-weight: 300 !important; line-height: 1.8 !important; }
body:lang(ar) :is(h1, h2, h3, h4, h5, h6),
body:lang(ar) :is(h1, h2, h3, h4, h5, h6) :is(a, span),
body:lang(ar) .footer-card-title {
    font-family: 'Alexandria', Tahoma, sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: normal;
}
body:lang(ar) :is(button, .btn, label, .nav-link) { font-weight: 500; }
:root {
    --watan-aubergine: #321e37;
    --watan-cream: #f7f3ee;
    --watan-teal: #50ffeb;
    --bank-text: #321e37;
    --bs-body-bg: #f7f3ee;
    --bs-body-color: #321e37;
}
html, body, body #app, body #main-content {
    background: var(--watan-cream) !important;
    color: var(--watan-aubergine) !important;
}
/* Page canvases stay cream; photographs and product artwork retain their colors. */
body #main-content section,
body #main-content .bg-white,
body #main-content .bg-light,
body #main-content .banking-detail-content,
body #main-content .inma-page-banner,
body #main-content .inma-banking-detail-hero__card,
body #main-content .home-service-dock,
body #main-content #home-cards-showcase::before,
body .bank-header,
body .bank-navbar,
body .bank-footer {
    background: var(--watan-cream) !important;
}
body .bank-topbar {
    color: var(--watan-cream);
    background: var(--watan-aubergine);
    border-bottom-color: var(--watan-aubergine);
}
body .bank-topbar .bank-language,
body .bank-topbar .bank-topbar__link,
body .bank-topbar .bank-search-button {
    color: var(--watan-cream) !important;
    border-color: rgba(247,243,238,.35);
}
body .bank-topbar__social a { border-color: rgba(247,243,238,.4); }
body .bank-topbar__social a img,
body .bank-topbar__social a:hover img,
body .bank-topbar__social a:focus-visible img {
    filter: brightness(0) invert(1);
}
body .bank-topbar__social a:hover { background: rgba(247,243,238,.12); }
body .bank-digital-cta,
body .bank-digital-cta:hover,
body .banking-detail-content__cta,
body .banking-detail-content__cta:hover,
body #main-content .btn-primary,
body #main-content .btn-warning {
    color: var(--watan-cream) !important;
    background: var(--watan-aubergine) !important;
    border-color: var(--watan-aubergine) !important;
    box-shadow: 0 6px 18px rgba(50,30,55,.12);
}
body #main-content .inma-page-banner__accent { background: rgba(50,30,55,.05); }
body #main-content .inma-page-banner__card::before,
body #main-content .inma-page-banner__line,
body #main-content #home-cards-showcase::after,
body .inma-banking-detail-hero__gold,
body .banking-detail-content__section h2::before {
    background: var(--watan-aubergine);
    box-shadow: none;
}
body #main-content .inma-page-banner::before { display: none; }
body .bank-navbar .dropdown-item:hover,
body .bank-navbar .dropdown-item.active { background: rgba(50,30,55,.07) !important; }
body .banking-detail-content__visual,
body #main-content .inma-page-banner__card { border-color: rgba(50,30,55,.15); }