/*
 * NYV Universal Theme v1.0
 * Overrides Bootstrap 5 to match the NYV brand identity.
*/

/* -------------------------
   1. ROOT VARIABLES (The Brand's "Control Panel")
   ------------------------- */
:root {
    --nyv-dark-blue: #003366;
    --nyv-orange: #ff6600;
    --nyv-orange-hover: #e65c00;
    --nyv-light-bg: #f8f9fa;
    --nyv-text-on-dark: #ffffff;
    --nyv-text-standard: #333333;
}


/* -------------------------
   2. GENERAL BODY & LAYOUT
   ------------------------- */
body {
    background-color: var(--nyv-light-bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* This makes the main content area expand, pushing the footer down */
main.container, div.container {
    flex: 1;
}

/* -------------------------
   3. BOOTSTRAP COMPONENT OVERRIDES
   ------------------------- */

/* Navbar */
.navbar {
    background-color: var(--nyv-dark-blue);
    min-height: 75px; /* Set a minimum height */
}

.navbar .navbar-brand, .navbar .nav-link, .navbar .navbar-text {
    color: var(--nyv-text-on-dark) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--nyv-orange);
    border-color: var(--nyv-orange);
}

.btn-primary:hover {
    background-color: var(--nyv-orange-hover);
    border-color: var(--nyv-orange-hover);
}

/* Cards */
.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Modals */
.modal-header {
    background-color: var(--nyv-dark-blue);
    color: var(--nyv-text-on-dark);
}

.modal-title {
    color: var(--nyv-text-on-dark);
}

/* Invert the 'X' button on dark modal headers to make it visible */
.modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* -------------------------
   4. CUSTOM UTILITY CLASSES
   ------------------------- */

/* Footer */
.footer {
    background-color: var(--nyv-dark-blue);
    color: var(--nyv-text-on-dark);
    text-align: center;
    padding: 1rem 0;
}

/* Specific text styles from the example */
.terms-notice p {
    font-size: 14px;
    line-height: 1.4;
    color: var(--nyv-text-standard);
}

.banner-text {
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 0.72rem;
}