/* ~~~~~~~~ Custom CSS by ChatGPT 20251208 ~~~~~~~~ */

/*  ========= Hide the Cassiopeia header ========= */
header.header,
.site-header,
.container-header,
.container-header .container {
    display: none !important;
}

/* Remove empty space where the header was */
body {
    padding-top: 0 !important;
}


/* ========= Navigation css in the banner ========= */

/* Crest Blue background */
.bg-crest-cobalt-blue {
    background-color: #0047ab !important; /* Crest Blue */
}

/* Navbar padding */
.scholarship-header-wrapper .navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
    padding-left: 0.7rem;
    padding-right: 0.5rem;
}

/* Slight breathing room for crest/branding block */
.scholarship-header-wrapper .navbar-brand {
    margin-left: 0.25rem;
}

/* Crest image styling + spacing to text */
.scholarship-header-wrapper .navbar-brand img {
    border-radius: 4px;
    margin-right: 1.25rem !important; /* adjust if you want more/less */
}

/* Thin Crest Yellow accent under bar */
.scholarship-header-wrapper {
    border-bottom: 5px solid #fff382; /* Crest Yellow */
}

/* On login page: show nav as normal */
.page-scholarship-login .scholarship-header-wrapper .navbar-nav {
    display: flex !important;
}

/* On form page: HIDE nav links, keep crest+title */
.page-scholarship-form .scholarship-header-wrapper .navbar-nav {
    display: none !important;
}

/* Base menu color rules */
.scholarship-header-wrapper .nav-link {
    color: #ffffff !important;
}

/* Hover / focus / open dropdown */
.scholarship-header-wrapper .nav-link:hover,
.scholarship-header-wrapper .nav-link:focus,
.scholarship-header-wrapper .nav-item.show > .nav-link {
    color: #fff382 !important; /* corn yellow */
}

/* --- PDA Scholarship "About" dropdown (CSS-only) --- */

/* Make the dropdown parent a positioning context */
.scholarship-header-wrapper .nav-item.dropdown {
    position: relative;
}

/* Base dropdown menu: hidden by default */
.scholarship-header-wrapper .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.25rem;
    background-color: #0047ab;          /* Crest Blue background for menu */
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 0.25rem;
    min-width: 230px;
    z-index: 9999;
    padding: 0.25rem 0;
}

/* Show menu on hover (mouse) */
.scholarship-header-wrapper .nav-item.dropdown:hover > .dropdown-menu,
.scholarship-header-wrapper .nav-item.dropdown:focus-within > .dropdown-menu {
    display: block;
}

/* Items inside the dropdown */
.scholarship-header-wrapper .dropdown-menu .dropdown-item {
    color: #ffffff !important;
    padding: 0.35rem 0.75rem;
    white-space: normal;
}

.scholarship-header-wrapper .dropdown-menu .dropdown-item:hover {
    background-color: rgba(255,255,255,0.15);
    color: #ffffff !important;
}

/* Divider line in dropdown */
.scholarship-header-wrapper .dropdown-menu .dropdown-divider {
    border-top-color: rgba(255,255,255,0.3);
}


/* ========= Content card styling ========= */

body.page-scholarship-login,
body.page-scholarship-form {
    background: #f4f6f9 !important;
}

.page-scholarship-login .container-component,
.page-scholarship-form .container-component {
    max-width: 800px;
    margin: 30px auto !important;
    padding: 20px !important;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.06);
}


/* ========= Desktop layout (≥ 992px) ========= */
/* keep menu horizontal and always visible on large screens */

@media (min-width: 992px) {

    #pdaMainNavbar {
        display: flex !important;
        width: auto;
    }

    .scholarship-header-wrapper .navbar-nav {
        flex-direction: row;
        align-items: center;
        margin-left: 0 !important;
        margin-top: 0;
        padding-left: 0;
    }

    .scholarship-header-wrapper .navbar-nav .nav-link {
        padding: 0 0.75rem;
    }
}


/* ========= Mobile layout (≤ 991.98px) ========= */
/* hamburger-controlled, stacked menu */

@media (max-width: 991.98px) {

    /* hide menu by default */
    #pdaMainNavbar {
        display: none;
        width: 100%;
    }

    /* show when JS toggles .sch-open */
    #pdaMainNavbar.sch-open {
        display: block;
    }

    /* align items to top when menu drops down */
    .scholarship-header-wrapper .navbar {
        align-items: flex-start;
    }

    /* stack menu items */
    .scholarship-header-wrapper .navbar-nav {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0 !important;
        margin-top: 0.5rem;
        padding-left: 0.75rem;   /* indent under crest */
    }

    .scholarship-header-wrapper .navbar-nav .nav-link {
        padding: 0.35rem 0;      /* tighter vertical spacing */
    }
}

/* ===== Scholarship: Logged-in user banner ===== */

.scholarship-user-banner {
    max-width: 800px;
    margin: 10px auto 0 auto;
    padding: 6px 12px;
    background: #e7f0ff;              /* soft blue background */
    border-left: 4px solid #0047ab;   /* Crest Blue */
    color: #003366;
    font-size: 14px;
    border-radius: 4px;
}

.scholarship-user-banner strong {
    font-weight: 600;
}

.scholarship-logout-button a {
  display: inline-block;
  padding: 10px 18px;
  background-color: #0b3c88;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
}

.scholarship-logout-button a:hover {
  background-color: #092f69;
}

/* =========================================================
   Scholarship logout button module:
   Hide "My Submitted Application" button ONLY (menu item 116)
   Keep Logout visible
   ========================================================= */

/* Most Joomla menu modules add item-### on the container element */
.scholarship-logout-button .item-116,
.scholarship-logout-button .nav-item.item-116,
.scholarship-logout-button .mod-menu__item.item-116 {
  display: none !important;
}

/* =========================================================
   Scholarship logout button module:
   Hide the "My Scholarship Applications" button (item-115)
   Keep Logout (item-114) visible
   ========================================================= */

.scholarship-logout-button #mod-menu117 li.item-115,
.scholarship-logout-button #mod-menu117 li.nav-item.item-115 {
  display: none !important;
}
/* =========================================================
Notes (so you don’t get surprised later)
AI targeted #mod-menu117 because your module’s <ul> is id="mod-menu117" (so this rule won’t affect other menu modules elsewhere).
If you ever clone/recreate the module and the ID changes (e.g., mod-menu118), just update that one number.
    ======================================================== */