/* ==========================================================================
   DREAM TEAM COMMUNITY SUPPORT - MASTER STYLE SHEET (2026 UPDATED)
   ========================================================================== */

:root {
    --primary-blue: #3b7bb5;     /* Medical Blue */
    --dark-navy: #0a192f;       /* Deep Brand Navy */
    --accent-gold: #f39c12;     /* Brand Orange / Gold */
    --light-gray: #f8f9fa;
    --white: #ffffff;
}

/* ===============================
   GLOBAL STYLES
=============================== */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    overflow-x: hidden;
    background-color: var(--white);
}

/* ===============================
   BRANDING & LOGO (IMAGE MATCH)
=============================== */

.navbar-brand {
    display: flex !important;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    padding: 6px 0;
}

/* Logo */
.main-logo {
    height: 72px;
    width: auto;
    object-fit: contain;
}

/* Text wrapper */
.brand-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* DREAM TEAM */
.brand-top {
    font-family: 'Arial Narrow', 'Arial Black', Arial, sans-serif;
    font-weight: 900;
    font-size: 1.75rem;
    color: #0b3c5d;
    text-transform: uppercase;
    letter-spacing: 1.75px;
    line-height: 0.9;
}

/* COMMUNITY SUPPORT */
.brand-middle {
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-weight: 900;
    font-size: 1.15rem;
    color: #f39c12;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
}

/* TAGLINE */
.brand-tagline {
    font-style: italic;
    font-weight: 600;
    font-size: 0.72rem;
    color: #000;
    margin-top: 3px;
    quotes: "“" "”";
}

.brand-tagline::before {
    content: open-quote;
}

.brand-tagline::after {
    content: close-quote;
}


/* ===============================
   NAVBAR LINKS
=============================== */

.nav-link {
    font-weight: 600;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: var(--accent-gold) !important;
}

/* ===============================
   COMMON SECTIONS
=============================== */

.section-padding {
    padding: 80px 0;
}

/* Glassmorphism Cards */
.glass-container {
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 30px;
    transition: all 0.3s ease;
}

.glass-container:hover {
    transform: translateY(-5px);
}

/* ===============================
   RESPONSIVE FIXES
=============================== */

@media (max-width: 768px) {

    .main-logo {
        height: 55px;
    }

    .brand-top {
        font-size: 1.25rem;
    }

    .brand-middle {
        font-size: 0.8rem;
    }

    .brand-tagline {
        display: none;
    }
}
