/* =============================================
   TERRALAX - Clean White Theme
   ============================================= */

/* --- Color Variables --- */
:root {
    --white: #fff;
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;
    --primary-50: #eff6ff;
    --primary-600: #2563eb;
    --primary-700: #1d4ed8;
    --primary-800: #1e40af;
    --primary-900: #1e3a8a;
    --primary: var(--primary-600);
}

/* --- Navbar --- */
.navbar, header, .header {
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* --- Logo Size --- */
/* --- Logo Image --- */
.navbar-brand {
    padding: 0 !important;
}
header.header .logo-img,
.navbar-brand .logo-img,
.navbar-brand img {
    content: url('https://i.postimg.cc/QVLWyLKB/Terra-White-BG-cropped.png') !important;
    height: 45px !important;
    max-height: 45px !important;
    width: auto !important;
    max-width: 500px !important;
    object-fit: contain !important;
    transform: scale(2) !important;
    transform-origin: left center !important;
    margin-right: 160px !important;
}

/* --- Blue Hero Banner --- */
.hero-unit, .main-content > .container:first-child,
.page-head, .breadcrumb-area {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
    color: #fff !important;
    padding: 2rem 0 !important;
}
.breadcrumb a, .breadcrumb .active,
.page-head h1, .page-head h2 {
    color: #fff !important;
}

/* =============================================
   HOMEPAGE: Hide unwanted sections
   Using nth-child for reliability.
   .primary-content children:
     1: H2 "Browse our Products/Services"
     2: DIV.card-columns (product cards)
     3: H2 "How can we help today"      ← HIDE
     4: DIV.action-icon-btns             ← HIDE
     5: H2 "Your Account"               ← HIDE
     6: DIV.action-icon-btns             ← HIDE
     7: P "Powered by..."               ← HIDE
   ============================================= */
.primary-content:has(.home) > :nth-child(3),
.primary-content:has(.home) > :nth-child(4),
.primary-content:has(.home) > :nth-child(5),
.primary-content:has(.home) > :nth-child(6),
.primary-content:has(.home) > :nth-child(7) {
    display: none !important;
}

/* Also hide Powered By via content match as fallback */
.primary-content > p:last-child {
    display: none !important;
}
a[href*="whmcs.com"] {
    display: none !important;
}

/* =============================================
   HOMEPAGE: Server Features Strip
   ============================================= */
.primary-content:has(.home)::after {
    content: '\f233  AMD EPYC & Ryzen Processors  \00a0\00a0|\00a0\00a0  \f0a0  NVMe SSD Storage  \00a0\00a0|\00a0\00a0  \f132  99.9% Uptime SLA  \00a0\00a0|\00a0\00a0  \f3ed  DDoS Protection  \00a0\00a0|\00a0\00a0  \f0ac  Global Network';
    display: block;
    text-align: center;
    padding: 1.5rem 2rem;
    margin: 2rem auto 0;
    max-width: 1200px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-radius: 12px;
    color: #1e3a8a;
    font-weight: 600;
    font-size: 0.9rem;
    font-family: "Font Awesome 6 Pro", -apple-system, BlinkMacSystemFont, sans-serif;
    border: 1px solid #bfdbfe;
}

/* =============================================
   PRODUCT CARDS
   ============================================= */
.card-columns .card,
.home .card {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    background: #fff !important;
}
.card-columns .card:hover,
.home .card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37,99,235,0.15) !important;
}

/* Store page products */
.products .product-group .product,
.product-group .product {
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
}
.products .product-group .product:hover,
.product-group .product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37,99,235,0.15) !important;
}

/* =============================================
   BUTTONS
   ============================================= */
.btn-primary {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.2s !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.3) !important;
}

/* =============================================
   FORMS
   ============================================= */
.form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,0.15) !important;
}

/* =============================================
   FOOTER
   ============================================= */
footer.footer {
    background: #0f172a !important;
    color: #94a3b8 !important;
}
footer.footer a {
    color: #60a5fa !important;
}
footer.footer a:hover {
    color: #93c5fd !important;
}

/* Footer stats bar */
footer.footer::before {
    content: '\f0e8  5+ Global Locations  \00a0\00a0\00a0  \f2c2  24/7 Expert Support  \00a0\00a0\00a0  \f3c5  India & EU Data Centers';
    display: block;
    text-align: center;
    padding: 1.25rem 2rem;
    background: #0f172a;
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: "Font Awesome 6 Pro", -apple-system, BlinkMacSystemFont, sans-serif;
    border-bottom: 1px solid #1e293b;
}

/* =============================================
   GENERAL LAYOUT
   ============================================= */
body {
    background: #f8fafc !important;
    color: #1f2937 !important;
}
.main-content, .primary-content {
    background: #f8fafc !important;
}


/* Reset product card footers */
.product footer {
    background: transparent !important;
    color: inherit !important;
}
.product footer::before {
    display: none !important;
    content: none !important;
}