/* ==========================================================================
   RWF — Royal Workforce Services Ltd. custom brand overrides
   Sits on top of Litho theme (style.css). Brand blue #076293.
   ========================================================================== */

:root {
    --rwf-blue: #076293;
    --rwf-blue-dark: #054b71;
    --rwf-blue-light: #0a78b4;
}

/* ---- Logo sizing in navbar (trimmed logo is ~2.34:1) ----
   Match Litho's own selectors so this (loaded later) wins on equal specificity. */
header .navbar .navbar-brand img,
header.side-menu .logo img,
header .sidebar-nav-menu .navbar-brand img {
    max-height: 60px;
    width: auto;
}
/* Scrolled / sticky header — slightly smaller but still bigger than default 32px */
header .navbar.responsive-sticky .navbar-brand img,
header.sticky .navbar.responsive-sticky .navbar-brand img {
    max-height: 44px;
}
/* Footer logo a touch larger too */
footer .footer-logo img {
    max-height: 60px;
    width: auto;
}
/* Contact page: slightly larger footer logo (per request) */
.contact-page footer .footer-logo img {
    max-height: 80px;
}

/* ---- Brand-blue text hover (links in top bar, footer, etc.) ---- */
.text-rwf-blue-hover:hover,
.text-rwf-blue-hover:focus {
    color: var(--rwf-blue) !important;
}

/* ---- Nav link hover / active in brand blue ----
   Litho's `.navbar.navbar-light .navbar-nav .nav-link.active` is rgba(0,0,0,.6)!important
   at 0,5,0 specificity, so our old 0,4,0 override lost. Match its specificity here
   (rwf-custom loads last, so equal specificity + !important wins). */
.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link:focus,
.navbar.navbar-dark .navbar-nav .nav-link:hover,
.navbar.navbar-dark .navbar-nav .nav-link:focus,
.navbar.navbar-light .navbar-nav .nav-link.active,
.navbar.navbar-dark .navbar-nav .nav-link.active,
.navbar.navbar-light .navbar-nav > .nav-item.active > .nav-link,
.navbar.navbar-dark .navbar-nav > .nav-item.active > .nav-link,
.sticky .navbar-light.header-dark .navbar-nav .nav-link.active,
.sticky .navbar-dark.header-light .navbar-nav .nav-link.active {
    color: var(--rwf-blue) !important;
}
/* active top-level item a touch bolder for a clearer "you are here" */
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav > .nav-item.active > .nav-link {
    font-weight: 600;
}
/* highlight the active sub-item inside an open dropdown */
.navbar .navbar-nav .dropdown-menu li a.active {
    color: var(--rwf-blue) !important;
    font-weight: 600;
}

/* ---- Header CTA buttons ---- */
.header-button .btn { margin-bottom: 0; }

.btn.btn-rwf {
    background-color: var(--rwf-blue);
    border-color: var(--rwf-blue);
    color: #fff;
}
.btn.btn-rwf:hover,
.btn.btn-rwf:focus {
    background-color: var(--rwf-blue-dark);
    border-color: var(--rwf-blue-dark);
    color: #fff;
}

.btn.btn-rwf-outline {
    background-color: transparent;
    border: 1px solid var(--rwf-blue);
    color: var(--rwf-blue);
}
.btn.btn-rwf-outline:hover,
.btn.btn-rwf-outline:focus {
    background-color: var(--rwf-blue);
    border-color: var(--rwf-blue);
    color: #fff;
}

/* ---- Contact location boxes: Midnight hover gradient (logo-blue shades) ---- */
.bg-gradient-rwf-midnight {
    background-image: linear-gradient(135deg, #032f47, #076293);
}
/* ---- Deep Ocean gradient (page-title banner) ---- */
.bg-gradient-rwf-deep-ocean {
    background-image: linear-gradient(135deg, #af2f41, #05659d);
}

/* ---- Generic brand accents reusable across pages ---- */
.text-rwf-blue { color: var(--rwf-blue) !important; }
.bg-rwf-blue { background-color: var(--rwf-blue) !important; }
a.text-rwf-blue:hover { color: var(--rwf-blue-dark) !important; }