/* Canberra Synthetic Grass - Master Stylesheet
    Version: 1.1 (Fixes)
    Compliance: CSG Master GEM (Dec 2025)
*/

/* --- 1. Base Defaults --- */
body {
    font-family: 'Inter', sans-serif;
    background-color: #212121; /* Master Dark Theme Background */
    color: #ffffff;
}

/* --- 2. Hero Backgrounds --- */

/* Default / About / Contact Hero */
.hero-bg-about {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://placehold.co/1920x1080/556B2F/FFFFFF?text=Canberra+Synthetic+Grass');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Home Page Specific Hero */
.hero-bg-home {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://placehold.co/1920x1080/2E8B57/FFFFFF?text=Premium+Artificial+Lawns');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Thank You Page Hero */
.hero-bg-simple {
    background-color: #2a2a2a;
    background-image: none;
}

/* --- 3. Brand Utilities (Tailwind Extensions) --- */
/* Primary Brand Green: #99CC33 */

.brand-green {
    color: #99CC33 !important;
}

.bg-brand-green {
    background-color: #99CC33 !important;
}

.hover-bg-brand-green-dark:hover {
    background-color: #7fab2a !important;
}

.border-brand-green {
    border-color: #99CC33 !important;
}

.outline-brand-green:focus {
    outline-color: #99CC33 !important;
}

/* --- 4. Navigation & Dropdowns --- */

/* Base state: Hidden */
.dropdown-menu {
    display: none;
}

/* Invisible Bridge: 
   Prevents the menu from closing when the mouse moves 
   across the small gap between the button and the menu.
*/
.dropdown-menu::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

/* Hover state: Block (Visible) */
.dropdown:hover .dropdown-menu {
    display: block;
}

/* --- 5. Mobile Menu Animations --- */
#mobile-menu {
    transition: all 0.3s ease-in-out;
}