/* =======================================================
   UA&P BRANDING INTEGRATION & FORCE SSO CLEANUP (FINAL v13)
   ======================================================= */

/* --- 1. HIDE ALL NATIVE FORM ELEMENTS --- */
#login-box input,
#login-box label,
#login-box button,
#login-box .input-group,
#login-box .form-group,
#login-box .checkbox,
#login-box a[href*="register"],
#login-box a[href*="password"],
#login-box br {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* --- 2. THE CHASSIS MASKING METHOD (COVERS THE STUBBORN TEXT) --- */
#login-box .panel-body {
    position: relative !important;
    min-height: 180px !important;
}

#login-box .oauth-login {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    top: 90px !important; /* Forces the button container down to sit on top of the text */
    left: 0 !important;
    right: 0 !important;
    width: 85% !important;
    margin: 0 auto !important;
    background-color: #ffffff !important; /* Solid masking panel layer */
    padding: 10px 0 !important;
    z-index: 999 !important;
}

/* --- 3. STYLE THE SSO BUTTON COMPONENT AND ASSIGN BRAND COLORS --- */
#login-box .oauth-login a,
div.oauth-login a,
a[href*="oauth"] {
    background-color: #8b1d24 !important;
    border: 2px solid #8b1d24 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 14px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 100% !important;
    display: block !important;
    transition: all 0.2s ease-in-out !important;
}

/* Force text inside the button to render crisp white at rest */
#login-box .oauth-login a *,
div.oauth-login a * {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Button Hover State (UA&P Gold Background, Black Text) */
#login-box .oauth-login a:hover,
div.oauth-login a:hover,
a[href*="oauth"]:hover {
    background-color: #f2a900 !important;
    border-color: #f2a900 !important;
    color: #000000 !important;
}
#login-box .oauth-login a:hover *,
div.oauth-login a:hover * {
    color: #000000 !important;
}

/* --- 4. CONVERT ALL NATIVE APP TEAL/GREEN TEXTS TO UA&P MAROON --- */
/* Top logo header text */
#logo-row,
#logo-row *,
.navbar-brand,
.navbar-brand * {
    color: #8b1d24 !important;
}

/* Footer elements and tool links */
#login-box .panel-footer,
#login-box .panel-footer *,
.panel-footer,
.panel-footer *,
#page-footer,
#page-footer *,
.footer,
.footer *,
footer,
footer * {
    color: #8b1d24 !important;
}

/* Hover effect for footer tool links */
#login-box .panel-footer a:hover,
.panel-footer a:hover,
#page-footer a:hover {
    color: #f2a900 !important;
}

/* --- 5. NAVIGATION BAR HEADER CONTROLS --- */
.navbar-inverse,
.navbar-default,
#header,
.navbar,
.navbar-header {
    background-color: #8b1d24 !important;
    border-color: #8b1d24 !important;
}
.navbar-nav > li > a,
#header a,
.navbar-text,
.navbar-nav > li > a i,
.navbar-nav > li > a .fa {
    color: #ffffff !important;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:hover i,
.navbar-nav > li > a:hover .fa {
    color: #f2a900 !important;
}