/* AMLAKK AI online-staging UAT completion. */
.s2-hero-media-component { margin: 0; overflow: hidden; background: #071322; }
.s2-hero-media-component picture { display: block; width: 100%; height: 100%; }
.s2-hero-media-component img { object-position: 58% 52%; filter: saturate(.9) contrast(1.03) brightness(.92); }
.s2-hero-overlay { background: linear-gradient(90deg, rgba(5,16,34,.97) 0%, rgba(8,27,53,.91) 38%, rgba(8,25,49,.56) 66%, rgba(5,16,34,.18) 100%); }
[dir="rtl"] .s2-hero-overlay { background: linear-gradient(270deg, rgba(5,16,34,.97) 0%, rgba(8,27,53,.91) 38%, rgba(8,25,49,.56) 66%, rgba(5,16,34,.18) 100%); }
.s2-eyebrow { color: #e1be70; }
@media (max-width: 760px) {
    .s2-hero { min-height: 760px; }
    .s2-hero-media-component img { object-position: 66% 50%; }
    .s2-hero-overlay, [dir="rtl"] .s2-hero-overlay { background: linear-gradient(180deg, rgba(5,16,34,.55) 0%, rgba(5,16,34,.9) 48%, rgba(5,16,34,.98) 100%); }
}
/* Keep staging identification available without a page-dominating strip. */
.staging-environment-banner {
    position: fixed !important;
    z-index: 12000 !important;
    inset: auto 12px 12px auto !important;
    width: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    gap: 6px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: rgba(8,25,49,.88) !important;
    color: #f7e1a8 !important;
    box-shadow: 0 6px 18px rgba(5,16,34,.22) !important;
    font-size: .62rem !important;
    line-height: 1.1 !important;
    opacity: .84;
}
[dir="rtl"] .staging-environment-banner { inset: auto auto 12px 12px !important; }
@media (max-width: 560px) { .staging-environment-banner span { display: none; } }

/* Small UAT polish: preserve the approved image while exposing more detail in light mode. */
html[data-bs-theme="light"] .s2-hero-overlay {
    background: linear-gradient(90deg, rgba(5,16,34,.78) 0%, rgba(8,27,53,.70) 38%, rgba(8,25,49,.40) 66%, rgba(5,16,34,.11) 100%);
}
html[dir="rtl"][data-bs-theme="light"] .s2-hero-overlay {
    background: linear-gradient(270deg, rgba(5,16,34,.78) 0%, rgba(8,27,53,.70) 38%, rgba(8,25,49,.40) 66%, rgba(5,16,34,.11) 100%);
}
html[data-bs-theme="dark"] .s2-hero-overlay {
    background: linear-gradient(90deg, rgba(5,16,34,.97) 0%, rgba(8,27,53,.91) 38%, rgba(8,25,49,.56) 66%, rgba(5,16,34,.18) 100%);
}
html[dir="rtl"][data-bs-theme="dark"] .s2-hero-overlay {
    background: linear-gradient(270deg, rgba(5,16,34,.97) 0%, rgba(8,27,53,.91) 38%, rgba(8,25,49,.56) 66%, rgba(5,16,34,.18) 100%);
}
/* The drawer is a real compact-navigation function: never expose its button where the drawer is intentionally disabled. */
@media (min-width: 1321px) {
    .home-menu-button { display: none !important; }
}
@media (max-width: 1320px) {
    .home-nav-groups { display: none !important; }
    .home-menu-button { display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (max-width: 760px) {
    html[data-bs-theme="light"] .s2-hero-overlay,
    html[dir="rtl"][data-bs-theme="light"] .s2-hero-overlay {
        background: linear-gradient(180deg, rgba(5,16,34,.40) 0%, rgba(5,16,34,.70) 48%, rgba(5,16,34,.82) 100%);
    }
    html[data-bs-theme="dark"] .s2-hero-overlay,
    html[dir="rtl"][data-bs-theme="dark"] .s2-hero-overlay {
        background: linear-gradient(180deg, rgba(5,16,34,.55) 0%, rgba(5,16,34,.90) 48%, rgba(5,16,34,.98) 100%);
    }
}