/* ==========================================================================
   GigaMax Custom Dark Theme Overrides
   Forced Dark Layering with Green & Orange Accents
   ========================================================================== */

/* Force variables at the highest priority level */
:root, html, body {
    --white: #ffffff !important;
    
    /* Deep Slate Backgrounds */
    --neutral-50:  #0b0f19 !important; 
    --neutral-100: #111827 !important; 
    --neutral-200: #1f2937 !important; 
    --neutral-300: #374151 !important; 
    --neutral-400: #4b5563 !important; 
    --neutral-500: #9ca3af !important; 
    --neutral-600: #d0d5dd !important; 
    --neutral-700: #e4e4e7 !important; 
    --neutral-800: #f4f5f7 !important; 
    --neutral-900: #fbf9fa !important; 
    --neutral-950: #ffffff !important;

    /* Brand Green Accents */
    --primary-color: #00a86b !important; 
    --primary: #00a86b !important;
    --primary-lifted: #00c47d !important;
    --primary-accented: #008f5a !important;

    /* Brand Orange Accents */
    --secondary-color: #f54a00 !important;
    --secondary: #f54a00 !important;
    --secondary-lifted: #ff601c !important;
    --secondary-accented: #ca3500 !important;

    /* Core Utility Mapping */
    --bg: #0b0f19 !important;
    --bg-muted: #111827 !important;
    --bg-lifted: #1f2937 !important;
    --text: #f4f5f7 !important;
    --text-muted: #9ca3af !important;
    
    background-color: #0b0f19;
    color: #f4f5f7 !important;
}

/* Fix domain search button text contrast */
#btnDomainSearch {
    color: #ffffff !important;
    font-weight: 600;
}

#btnTransfer {
    color: #ffffff !important;
    font-weight: 600;
}

/* Darken breadcrumb links for readability */
.breadcrumb-item, .breadcrumb-item a, .breadcrumb {
    color: #4a5568 !important;
}

/* Darken 'View all pricing' link */
.home-domain-search .btn-link {
    color: #1a0dab !important;
    text-decoration: underline;
}

/* Darken outline buttons on feature grids */
.card .btn-outline-primary {
    color: #0056b3 !important;
    border-color: #0056b3 !important;
}

.card .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #0056b3 !important;
}

/* Add a subtle text shadow to the hero description to guarantee contrast */
.au-hero-banner h1, 
.au-hero-banner p {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) !important;
}

/* Force Body and Primary Wrapper Layouts Dark */
body, id-main-body, .main-body, #main-body {
    background-color: #0b0f19 !important;
    color: #f4f5f7 !important;
}

/* Force Cards, Panels and Tables to Lift off the dark background */
.card, .panel, .tile, .block, .list-group-item, .dropdown-menu {
    background-color: #111827 !important;
    border-color: #1f2937 !important;
    color: #f4f5f7 !important;
}

/* Style Input Boxes for Dark Mode */
input, select, textarea, .form-control {
    background-color: #1f2937 !important;
    border: 1px solid #374151 !important;
    color: #ffffff !important;
}
input:focus, select:focus, textarea:focus {
    border-color: #00a86b !important;
    background-color: #1f2937 !important;
}

/* Primary Brand Buttons (Green) */
.btn-primary, .button-primary {
    background-color: #00a86b !important;
    border-color: #00a86b !important;
    color: #ffffff !important;
}
.btn-primary:hover {
    background-color: #00c47d !important;
}

/* Secondary Brand Buttons (Orange) */
.btn-secondary, .button-secondary {
    background-color: #f54a00 !important;
    border-color: #f54a00 !important;
    color: #ffffff !important;
}
.btn-secondary:hover {
    background-color: #ff601c !important;
}
/* ==========================================================================
   Header and Navigation Specific Dark Mode
   Forced Contrast Layering for Green & Orange Logo
   ========================================================================== */

/* Force global header zones dark */
.app-header, 
header, 
.navbar, 
.navbar-nav, 
.top-bar, 
#header {
    background-color: #0b0f19 !important;
    background: #0b0f19 !important;
    border-bottom: 1px solid #1f2937 !important;
}

/* Ensure navbar branding and text inside are perfectly crisp */
.navbar-brand, 
.navbar-nav .nav-link, 
.app-header a {
    color: #f4f5f7 !important;
}

/* Hover effects for navigation items using your bright orange asset tint */
.navbar-nav .nav-link:hover, 
.navbar-nav .nav-item.active .nav-link {
    color: #F8B334 !important;
    background-color: #111827 !important;
}

/* Clear out any white utility overrides from third party templates in header */
.bg-light, .bg-white {
    background-color: #0b0f19 !important;
}
/* ==========================================================================
   Homepage Australian Server Banner Styling
   ========================================================================== */
.au-hero-banner {
    position: relative;
    width: 100%;
    min-height: 400px;
    background: url('../images/au-servers-banner.png') no-repeat center center;
    background-size: cover;
    margin-bottom: 40px;
    border-bottom: 3px solid #3EC443; /* Logo Green Accent Line */
}

/* Dark overlay to ensure white/orange text stands out clearly over the image */
.au-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(11, 15, 25, 0.75); /* Matches your dark slate theme */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.au-banner-content {
    text-align: center;
    max-width: 800px;
}

.au-banner-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff !important;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.au-banner-content p {
    font-size: 1.2rem;
    color: #f4f5f7 !important;
    margin-bottom: 25px;
}

/* Call to action button tweak inside banner */
.au-banner-content .btn-primary {
    background-color: #E57A2C !important; /* Your Deep Orange logo color */
    border-color: #E57A2C !important;
    font-weight: 600;
    padding: 12px 30px;
}

.au-banner-content .btn-primary:hover {
    background-color: #F8B334 !important; /* Transitions to Bright Yellow/Orange on hover */
    border-color: #F8B334 !important;
    color: #0b0f19 !important;
}
/* ==========================================================================
   GigaMax Flag Fix: Overrides International Telephone Sprite for AU
   ========================================================================== */
.iti-flag.us,
.iti-flag,
[class*="flag-icon-us"],
.flag-icon-us {
    background-image: url('/assets/img/flags/au.png') !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 20px !important;
    height: 15px !important;
    display: inline-block !important;
}
/* ==========================================================================
   Legibility & Contrast Fixes (Text Contrast Pass)
   ========================================================================== */

/* 1. Fix Product Box Title and Description visibility */
.card-body, 
.product-status, 
.product-description,
.package-features,
.price-cycle,
[class*="product-"] {
    color: #f4f5f7 !important;
}

/* Ensure the absolute main category headlines are blazing bright */
h1, h2, h3, h4, h5, h6, .card-title, .title {
    color: #ffffff !important;
}

/* 2. Fix Dropdown/Select Menu Text (Make selections legible) */
select, 
option, 
.form-select, 
.dropdown-item,
.bootstrap-select .dropdown-menu li a {
    color: #ffffff !important;
    background-color: #1f2937 !important; /* Prevents white-on-white dropdowns */
}

/* 3. Fix Sidebar / Category Menu Text visibility */
.list-group-item, 
.nav-tabs .nav-link, 
.sidebar .nav-link,
.categories-tabs a {
    color: #e4e4e7 !important;
}

.list-group-item.active, 
.nav-tabs .nav-link.active,
.categories-tabs .active a {
    color: #ffffff !important;
    background-color: #00a86b !important; /* Keeps your crisp logo green for active states */
    border-color: #00a86b !important;
}

/* 4. Soften generic paragraph text to readable off-white */
p, span, label, .text-muted {
    color: #d0d5dd !important;
}

/* Maintain bright contrast for monetary values */
.price, .amount, .currency {
    color: #ffffff !important;
}
/* ==========================================================================
   Main Top Header Navigation Text Fix
   ========================================================================== */

/* Target the core navbar links directly to force them bright */
.navbar-nav .nav-link,
#main-menu .nav-link,
.navbar-nav a,
.nav-link {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Ensure dropdown arrows or carets inherit the bright text color */
.navbar-nav .dropdown-toggle::after {
    border-top-color: #00a86b !important;
}

/* Hover styling using your brand's bright yellow/orange color */
.navbar-nav .nav-link:hover,
#main-menu .nav-link:hover,
.navbar-nav a:hover,
.nav-link:hover {
    color: #F8B334 !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 4px;
}

/* Fix active menu item state */
.navbar-nav .active > .nav-link,
.navbar-nav .nav-item.active a {
    color: #3EC443 !important; /* Your logo green for the page they are currently on */
}

/* Complete Dark Mode Fix for WHMCS Product Store Pages */
.store-order-container .products .product,
.store-order-container .product .product-info,
.store-order-container .product .header,
.store-order-container .product .price-block {
    background: #111827 !important; /* Deep dark background */
    background-color: #111827 !important;
    color: #ffffff !important; /* Force text to pure white */
    border-color: #1f2937 !important;
}

/* Force the tagline and description text to be fully bright and readable */
.store-order-container .product h3,
.store-order-container .product .tag-line,
.store-order-container .product p,
.store-order-container .product span {
    color: #f3f4f6 !important; /* High contrast off-white */
}

/* Fix the tiny monthly billing cycle label above the price */
.store-order-container .product .price-block .billing-cycle {
    color: #9ca3af !important; /* Readable muted gray */
}
/* ==========================================================================
   FINAL COMPREHENSIVE THEME CALIBRATION
   ========================================================================== */

/* --- SECTION A: GLOBAL SITE TEXT (Pure Crisp White on Dark Theme Background) --- */
body, h1, h2, h3, h4, h5, h6, p, li, span, strong {
    color: #ffffff !important;
}

/* Ensure the hero banner elements retain their readable look and drop shadow */
.au-hero-banner h1, 
.au-hero-banner p {
    color: #ffffff !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.85) !important;
}

/* Fix primary button text visibility */
.btn-primary, .btn-success {
    color: #ffffff !important;
    font-weight: 600 !important;
}


/* --- SECTION B: ISOLATED LIGHT CONTAINER UTILITIES (Force Dark Charcoal Text) --- */

/* 1. The Domain Search White Block */
.home-domain-search.bg-white,
.home-domain-search.bg-white h2,
.home-domain-search.bg-white p,
.home-domain-search.bg-white li,
.home-domain-search.bg-white li strong,
.home-domain-search.bg-white .text-muted {
    color: #111827 !important;
}

/* 2. White Navigation/Action Grid Boxes ("How can we help today" / "Your Account" items) */
.bg-white, 
.bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4,
.bg-white p, .bg-white span, .bg-white div, .bg-white li {
    color: #111827 !important;
}

/* Darken standard action links inside white elements to an accessible blue */
.bg-white .btn-link, 
.home-domain-search .btn-link {
    color: #1a0dab !important;
    text-decoration: underline !important;
    font-weight: 600;
}


/* --- SECTION C: PRODUCT / SERVICE CARDS (Dark Theme Alignment) --- */

/* Force the three middle product grid cards to align with your dark background */
.card, .card.mb-3 {
    background-color: #111827 !important;
    border: 1px solid #1f2937 !important;
}

.card h2, .card h3, .card p, .card span {
    color: #ffffff !important;
}

/* Darken product grid outline buttons so they are readable against dark gray card backgrounds */
.card .btn-outline-primary {
    color: #38bdf8 !important; /* Vivid accessible light blue */
    border-color: #38bdf8 !important;
    font-weight: 600;
}

.card .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
}