/* =========================================
   AQUANERA THEME: BLACK & GOLD
   Contains overrides for Header and Footer
   ========================================= */

/* --- HEADER SECTION --- */

/* 1. Header Backgrounds - Force Black */
header,
.default_header,
.default_header_container,
.default_header button.bg-white {
    background-color: #000000 !important;
}

/* 2. Navigation Text - White by default, Gold on Hover */
.default_header a {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.default_header a:hover {
    color: #D4AF37 !important; /* Metallic Gold */
}

/* 3. Header Icons (Search, Cart, Menu) - Force Gold */
.default_header button,
.default_header a[href="/search"] {
    color: #D4AF37 !important;
}

/* 4. Fix for Search Icon (Fill) */
.default_header a[href="/search"] svg path {
    fill: #D4AF37 !important;
}

/* 5. Fix for Cart Icon (Stroke) */
.default_header button svg path {
    stroke: #D4AF37 !important;
}
.default_header button svg path[fill] {
    fill: #D4AF37 !important;
}

/* 6. Fix for Mobile Menu Icon (Hamburger) */
.default_header button.lg\:hidden svg path {
    fill: #D4AF37 !important;
}


/* --- FOOTER SECTION --- */

/* 1. Footer Backgrounds - Force Black */
footer,
footer.bg-skin-primary,
footer .bg-skin-primary,
footer .\!bg-white { 
    background-color: #000000 !important;
}

/* 2. Footer Text - Force White */
footer,
footer p,
footer span,
footer a,
footer h3,
footer .text-skin-a11y,
footer .\!text-skin-primary {
    color: #ffffff !important;
}

/* 3. Footer Borders & Separators - Gold */
footer .border-t, 
footer .border-\[\#E2E2E2\] {
    border-color: #D4AF37 !important;
    opacity: 0.4; /* Subtle gold lines */
}

/* 4. Footer Icons (Address, Phone, Email) */
/* The circle container */
footer .rounded-full {
    background-color: #000000 !important;
    border: 1px solid #D4AF37 !important;
}
/* The icon inside */
footer svg,
footer .rounded-full svg {
    color: #D4AF37 !important;
}

/* 5. Footer Links Hover Effect */
footer a:hover {
    color: #D4AF37 !important;
    text-decoration: none;
}

/* 6. "Powered By" Bottom Bar Fix */
footer div.border-t.\!bg-white {
    background-color: #000000 !important;
    border-top: 1px solid #D4AF37 !important;
}