/* ============================================================
 *    Tulane CAS custom styles
 *       Loaded automatically by CAS (/css/custom.css, last), overriding
 *          the stock theme without touching any HTML template.
 *             Brand: Tulane Green #255C4E, White #FFFFFF (Aug 2024 guide)
 *                ============================================================ */

/* ---- 1. Login page background — solid Tulane green ---- */
.bgimage {
    background-image: none !important;
    background-color: #005532 !important;
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5) !important;
}

/* ---- 2. Hide the header and footer bars ---- */
#app-bar,
.cas-footer {
    display: none !important;
}

/* ---- 3. Tulane Green as theme primary accent (LOGIN button, etc.) ---- */
:root {
    --mdc-theme-primary: #255C4E;
}

/* ---- 4. Hide the developer drawer (hamburger) button ---- */
#drawerButton {
    display: none !important;
}

/* ---- 5. Hide the Terms of Use line on the login form ---- */
#termsOfUse {
    display: none !important;
}

/* ---- Hide the "* Indicates required fields" legend ---- */
#fieldsLegend {
    display: none !important;
}

/* ---- Hide everything below the Login button ----
 *    The divider, the password-management links (incl. "Forgot your
 *       password?"), and the security-notice sidebar. */
#loginForm hr,
#sidebar {
    display: none !important;
}

/* ---- Make the Login button full-width like the input fields ---- */
#submitBtn {
    width: 100% !important;
    justify-content: center !important;
}

/* ---- Hide the "Enter Username & Password" heading ---- */
#login-form-controls > h2 {
    display: none !important;
}

/* ---- Shield logo on the green field, above the login box ----
 *    Inserted as a ::before on #content so it sits on the background
 *       above the card (matching the 7.1 layout), not inside the card. */
body.login #content {
    flex-direction: column !important;
    align-items: center !important;
}
body.login #content::before {
    content: "";
    display: block;
    width: 9rem;
    height: 11rem;
    margin-bottom: 1.5rem;
    background-image: url("/images/shield-gradient-4845cd449d3aad759c73a93511c2274c.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

/* ---- Remove the box/border around the content area ----
 *    #content (now holding the shield + card) carries a stock
 *       border/background/shadow that frames both. Clear it so the
 *          shield and card sit directly on the green field. */
body.login #content {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* ---- 11. Hide the service banner at the top of the login card ----
   When a login is initiated by a registered service (?service=...),
   CAS renders a #serviceui banner ("Banner Dev", "Banner Test", etc.)
   above the form. display:none removes it from layout entirely, so
   the card collapses to fit — unlike the dev-tools hide shortcut,
   which uses visibility:hidden and leaves the empty space behind. */
#serviceui {
    display: none !important;
}