/* ============================================================================
 * prism-navbar-init.css
 *
 * Page-load blink fix for the RDNavbar-based template used across this site
 * (Main.master + every standalone /pages/*.html template). Without this file,
 * style.css's default `.rd-navbar { display: none }` rule keeps the navbar
 * invisible until RDNavbar's JS (inside $(document).ready) adds
 * `.rd-navbar-static` (desktop) or `.rd-navbar-fixed` (mobile). The visible
 * gap between first paint and JS init is the "menu disappears during page
 * load" blink users were seeing.
 *
 * HOW TO USE THIS FILE:
 *   1. Add to <head> AFTER style.css:
 *        <link rel="stylesheet" href="/css/prism-navbar-init.css" />
 *   2. Add `rd-navbar-static` directly to the <nav> element's class:
 *        class="rd-navbar rd-navbar-corporate-dark rd-navbar-static"
 *
 * WHAT THIS FILE EMULATES (so it matches the post-JS state from frame 1):
 *   (a) Paints body bg white before style.css parses (prevents a brief
 *       grey/dark frame).
 *   (b) Hides the direct-child .rd-navbar-dropdown / .rd-navbar-megamenu of
 *       each <li> until JS adds .rd-navbar-submenu (which the existing
 *       style.css hide-rule depends on).
 *   (c) Pre-renders the chevron-down (\f107) via ::after pseudo-element on
 *       the <a> of each menu item that has a submenu, matching colour /
 *       glyph / approximate width of RDNavbar's injected toggle span.
 *   (d) Applies the same -18px margin-right that .rd-navbar-submenu gives
 *       those <li>s post-init, so spacing matches between states.
 *
 * Each rule is gated by `:not(.rd-navbar-submenu)` so RDNavbar's runtime
 * classes take over cleanly once the script has run — no hand-off shift.
 *
 * Last updated: 2026-05-26
 * ============================================================================ */


/* (a) -------------------------------------------------------------------- */
html, body { background-color: #ffffff; }


/* (b) -------------------------------------------------------------------- */
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-megamenu {
    opacity: 0;
    visibility: hidden;
}
.rd-navbar-static .rd-navbar-nav > li:hover > .rd-navbar-dropdown,
.rd-navbar-static .rd-navbar-nav > li:hover > .rd-navbar-megamenu {
    opacity: 1;
    visibility: visible;
}


/* (c) -------------------------------------------------------------------- */
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#liservices:not(.rd-navbar-submenu) > a::after,
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#lisectors:not(.rd-navbar-submenu) > a::after,
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#liresources:not(.rd-navbar-submenu) > a::after,
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#licompany:not(.rd-navbar-submenu) > a::after {
    content: '\f107';
    display: inline-block;
    font: 400 16px "FontAwesome";
    color: #37c386;
    margin-left: 8px;
    width: 16px;
    text-align: center;
    vertical-align: middle;
}


/* (d) -------------------------------------------------------------------- */
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#liservices:not(.rd-navbar-submenu),
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#lisectors:not(.rd-navbar-submenu),
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#liresources:not(.rd-navbar-submenu),
.rd-navbar-corporate-dark.rd-navbar-static .rd-navbar-nav > li#licompany:not(.rd-navbar-submenu) {
    margin-right: -18px;
}
