/* --- Global & Utilities --- */
html { scroll-behavior: smooth; }
section { scroll-margin-top: 90px; }

.max-width-600 { max-width: 600px; margin: 0 auto; }
.py-6 { padding-top: 5rem; padding-bottom: 5rem; }
.tracking-wider { letter-spacing: 0.15em; }
.section-padding { border-bottom: 1px solid #eee; }
.x-small { font-size: 0.75rem; }

/* --- Navigation --- */
.nav-link:hover { color: #007bff !important; transition: 0.3s; }
.navbar-brand img { transition: transform 0.3s; }
.navbar-brand:hover img { transform: scale(1.05); }

/* --- Mission Section --- */
.mission-text p {
    text-align: justify;
    text-justify: inter-word;
}

/* --- Activities Overlay --- */
.bg-gradient-dark {
    /* Ensures text is readable over action photos */
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
}

/* --- Safety & Color Accents --- */
.text-primary-light { color: #4dabff; }

/* --- Forms --- */
.form-control {
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent; /* Prevents layout jump on focus */
}

.form-control:focus {
    background-color: #fff !important;
    border: 1px solid #007bff; /* Adds definition when typing */
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
    outline: none;
}

/* --- Footer --- */
.hover-white:hover {
    color: #ffffff !important;
    transition: 0.3s ease;
}

/* --- Mobile Menu Safety Fixes --- */

/* 1. Ensure the navbar sits above all other content (Hero/Videos) */
.navbar { 
    z-index: 1050 !important; 
}

/* 2. Ensure the toggle button is actually clickable and not covered */
.navbar-toggler {
    z-index: 1060;
    position: relative;
}

/* 3. Fix: If using a custom build, sometimes the 'collapse' height is trapped */
.navbar-collapse {
    transition: height 0.35s ease;
}

/* 4. Improve Mobile Nav Spacing */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #fff; /* Ensure menu has a solid background on mobile */
        padding: 1rem;
        border-radius: 0 0 1rem 1rem;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }
    .nav-link {
        padding: 0.8rem 0;
        border-bottom: 1px solid #f8f9fa;
    }
}