/*
Coded from Assagao, Goa, India - Wednesday, August 20, 2025
*/

/* 1. Import the Google Font 'Poppins' */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* 2. Define the global theme color to be green */
:root {
    --bs-primary: #198754;
    --bs-primary-rgb: 25, 135, 84;
    --bs-primary-darker: #146c43;
}

/* 3. Apply the new font and a subtle background gradient */
body {
    background-color: #f8f9fa;
    background-image: linear-gradient(to top, #e7f3e7 0%, #e3eeff 99%, #e3eeff 100%);
    font-family: 'Poppins', sans-serif;
}

/* 4. Refine the main form card with softer shadows */
.card {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
}

.card-title {
    font-weight: 600;
    color: #343a40;
}

/* 5. Style Bootstrap's Floating Labels */
.form-floating .form-control {
    border-radius: 0.5rem;
    border-color: #e0e0e0;
}
.form-floating .form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.15);
}
.form-floating > label {
    color: #6c757d;
}

/* 6. Modernize the submit button */
.btn-primary {
    background-image: linear-gradient(to right, var(--bs-primary), var(--bs-primary-darker));
    border: none;
    padding: 1rem;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: transform 0.2s ease-in-out;
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.3);
}

/* 7. Refine Checkboxes */
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Header Image Styles */
.header-fullwidth-container {
    width: 100%;
    line-height: 0;
    /* UPDATED: Added a bottom margin to create space between the image and the form below it */
    margin-bottom: 3rem; 
}
.header-fullwidth-container img {
    width: 100%;
    height: auto;
}

/*
NOTE: The '.form-card-container' styles that created the overlap have been removed.
The layout will now be a clean top-to-bottom flow.
*/

/* Social Icon Footer */
.social-icons {
    font-size: 2rem;
}
.social-icon {
    margin: 0 10px;
    color: #6c757d;
    transition: color 0.3s ease, transform 0.3s ease;
}
.social-icon:hover {
    transform: scale(1.1);
}

/* Social Icon Brand Colors on Hover */
.social-icon.youtube-icon:hover { color: #FF0000; }
.social-icon.linkedin-icon:hover { color: #0A66C2; }
.social-icon.facebook-icon:hover { color: #1877F2; }
.social-icon.instagram-icon:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Navbar active link color */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}

/* Statistics Page Filter Card */
.filter-card {
    background-color: #f8f9fa;
}

/* Styles for the new checkbox filter boxes */
.checkbox-filter-container {
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    max-height: 110px; /* Adjust this height as needed */
    overflow-y: auto;
    padding: 0.5rem 0.75rem;
}