/* Canberra Fencing - Master Stylesheet
   Based on Canberra Synthetic Grass Design System
*/

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

html {
    scroll-behavior: smooth;
}

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

/* Default / About / Contact Hero */
.hero-bg-about {
    /* Generic Fencing Background */
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1598418041530-580a312384be?auto=format&fit=crop&q=80&w=1920');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Home Page Specific Hero */
.hero-bg-home {
    /* Main Hero - Premium Fencing */
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1593414220183-42e7d7046045?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* --- 3. Brand Utilities (Tailwind Extensions) --- */
/* Primary Brand Blue: #0099FF */

.brand-blue {
    color: #0099FF !important;
}

.bg-brand-blue {
    background-color: #0099FF !important;
}

.hover-bg-brand-blue-dark:hover {
    background-color: #007acc !important;
}

/* Darker blue on hover */
.border-brand-blue {
    border-color: #0099FF !important;
}

.outline-brand-blue:focus {
    outline-color: #0099FF !important;
}

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

.dropdown-menu {
    display: none;
}

/* Invisible Bridge to keep menu open */
.dropdown-menu::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

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