/* ==========================================================================
   Leaders header (navy): the leaders page, a leader's profile and a paid-interview page.
   Loaded only on those pages (layouts/header.blade.php) and scoped to body.leaders-theme,
   so the rest of the site is untouched. Colours are the prototype's.
   ========================================================================== */

body.leaders-theme .header {
    background: #0C1B3A !important;
    border-bottom: 1px solid #B8903A !important;
    box-shadow: none !important;
}
body.leaders-theme .header .navbar-custom { background: transparent !important; }

/* brand: logo + gold divider + «القادة»; the whole block links to the leaders page */
body.leaders-theme .ld-hdr-brand { display: inline-flex; align-items: center; gap: 14px; }
body.leaders-theme .ld-hdr-brand .logo-manhom { filter: brightness(0) invert(1); }
body.leaders-theme .ld-hdr-divider { display: inline-block; width: 1px; height: 30px; background: #B8903A; }
body.leaders-theme .ld-hdr-label { font-size: 30px; font-weight: 700; line-height: 1; color: #F4C842; padding-top: 4px; }

/* menu links */
body.leaders-theme .header .nav-link { color: #E9E2CC !important; border-radius: 6px; }
body.leaders-theme .header .nav-link:hover,
body.leaders-theme .header .nav-link:focus { color: #fff !important; background: rgba(255, 255, 255, .08); }
body.leaders-theme .header .js-header-leaders-link {
    color: #F4C842 !important; font-weight: 700;
    /* underline as wide as the word only (desktop and mobile) */
    text-decoration: underline; text-decoration-color: #F4C842; text-decoration-thickness: 3px; text-underline-offset: 8px;
}
body.leaders-theme .header .static-nav-chevron,
body.leaders-theme .header .nav-link img[src*="arrow-down"] { filter: brightness(0) invert(1); opacity: .8; }

/* login button and signed-in user */
body.leaders-theme .header .signInBtn { background: #F4C842 !important; color: #0C1B3A !important; border-color: #F4C842 !important; }
body.leaders-theme .header .signInBtn img { filter: brightness(0) saturate(100%); }
body.leaders-theme .header .signInBtn span { color: #0C1B3A !important; }
body.leaders-theme .header b.text-gray-90,
body.leaders-theme .header .text-primary { color: #E9E2CC !important; }
body.leaders-theme .header .badge.bg-secondary-c { background: rgba(255, 255, 255, .12) !important; color: #F4C842 !important; }
body.leaders-theme .header .navbar-toggler { border: 1px solid #B8903A; }

/* dropdown panels stay readable */
body.leaders-theme .header .dropdown-menu { background: #fff; }
body.leaders-theme .header .dropdown-menu .dropdown-item { color: #20211F; }

/* search banner under the header (profile pages). The site pins it with #id rules + !important,
   so the selector matches that specificity. */
body.leaders-theme #search-banner-container.search-banner-fixed,
body.leaders-theme .search-banner {
    background: linear-gradient(180deg, #0C1B3A 0%, #132850 100%) !important;
}
body.leaders-theme .search-banner .search {
    background: #FBF8EE !important;
    border: 0 !important;
    box-shadow: 0 0 0 1px #B8903A, 0 6px 20px rgba(0, 0, 0, .25) !important;
}
body.leaders-theme .search-banner .search .a,
body.leaders-theme .search-banner #searchBtn { background: #F4C842 !important; color: #0C1B3A !important; font-weight: 700; }
body.leaders-theme .search-banner input { color: #0C1B3A !important; background: transparent !important; }

@media (min-width: 1200px) and (max-width: 1399.98px) {
    body.leaders-theme .header .navbar-nav .nav-link { padding-inline: .4rem !important; font-size: 15px !important; }
}

@media (max-width: 575.98px) {
    body.leaders-theme .ld-hdr-label { font-size: 22px; }
    body.leaders-theme .ld-hdr-brand { gap: 10px; }
    /* no room for the membership pill next to the label + search toggle: it made the header wrap to two rows */
    body.leaders-theme .verified-btn { display: none !important; }
}