/* Backgrounds and Images Styles */

:root {
    /* Sidebar fallback before JS measures the white chrome bar. */
    --xrm-header-banner-height: 88px;
}

/* Banner matches the original 200px photo band. Chrome overlays it. */
.xrm-site-header-banner {
    height: 200px;
    min-height: 200px;
    overflow: visible;
    box-sizing: border-box;
    margin-top: -88px;
    padding-top: 88px;
}

html body:not(:has(#xrmPortalSidebar)) .xrm-site-header-banner,
html body:has(#xrmPortalSidebar) .xrm-site-header-banner {
    margin-top: -88px;
    padding-top: 88px;
}

/* Header Background Image — must stay out of flow so height:auto banner is content-sized */
.header-bg-image {
    background-image: url('/x_request_material_stage1/static/src/img/bg-CxWhqX10.jpg');
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center 32%;
    background-repeat: no-repeat;
}

/* Banner sits beside the rail. margin-right keeps overflow off the left. */
@media (min-width: 992px) {
    html body:has(#xrmPortalSidebar) .xrm-site-header-banner {
        padding-right: 0;
        margin-right: var(--xrm-sidebar-current-width, var(--xrm-sidebar-width, 248px));
        box-sizing: border-box;
    }

    html body:has(#xrmPortalSidebar) .xrm-site-header-banner .header-bg-image {
        right: 0;
        left: 0;
    }
}

.header-bg-image::after {
    content: none;
}

/* Font Family - Noto Kufi Arabic */
.font-noto-kufi {
    font-family: "Noto Kufi Arabic", sans-serif;
}

/* Direction LTR */
.direction-ltr {
    direction: ltr;
}

/* Display None */
.display-none {
    display: none;
}

/* Z-index for Modals */
.modal-z-index {
    z-index: 9999;
}

/* Logo Filter */
.logo-filter {
    /* Filter removed - logo displays in original colors */
}