/* --- ARSENAL DARK CORE FOR TWENTY-ONE --- */

:root {
    --arsenal-bg: #030712;
    --arsenal-card: #0b1120;
    --arsenal-accent: #2a66ff;
    --arsenal-text: #e5e7eb;
}

/* 1. Global Background Override */
body, #main-body {
    background-color: var(--arsenal-bg) !important;
    color: var(--arsenal-text) !important;
}

/* 2. Sidebars & Content Backgrounds */
.sidebar, .primary-content, .list-group-item {
    background-color: transparent !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* 3. The "Arsenal Glass" Card Style */
.card, .panel {
    background: var(--arsenal-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* 4. Navigation Headers */
.header-lined h1 {
    color: var(--arsenal-accent) !important;
    font-weight: 700;
}
/* --- Header & Branding Refinement --- */

/* Make the Navbar transparent and sleek */
.navbar-main {
    background-color: rgba(3, 7, 18, 0.9) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* Add the Arsenal Blue glow to the Logo */
.navbar-brand img {
    filter: drop-shadow(0 0 5px rgba(42, 102, 255, 0.5));
    max-height: 50px;
}

/* Style the Nav Links */
.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 500;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover {
    color: var(--arsenal-accent) !important;
    text-shadow: 0 0 10px var(--arsenal-accent);
}
/* --- COMMAND CENTER TILES --- */

/* Target the dashboard stat cards */
.tile, .card-body .row .col-md-3 a {
    background: rgba(42, 102, 255, 0.05) !important;
    border: 1px solid rgba(42, 102, 255, 0.2) !important;
    border-radius: 15px !important;
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
    display: block;
    padding: 20px;
    margin-bottom: 20px;
}

.tile:hover, .card-body .row .col-md-3 a:hover {
    background: rgba(42, 102, 255, 0.15) !important;
    border-color: var(--arsenal-accent) !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(42, 102, 255, 0.2);
}

/* Make the numbers (stats) pop in Arsenal Blue */
.tile .stat, .tile .number, .tile h3 {
    color: var(--arsenal-accent) !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    margin-bottom: 5px;
}

/* Make the labels (Services, Domains) crisp white */
.tile .title, .tile label {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 0.8rem !important;
    letter-spacing: 1px;
    opacity: 0.8;
}

/* Style the small icons inside tiles */
.tile .icon i {
    color: rgba(255, 255, 255, 0.1) !important;
    font-size: 3rem;
    position: absolute;
    right: 15px;
    bottom: 10px;
}/* --- SIDEBAR REFINEMENT --- */

.list-group-item {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 5px;
    border-radius: 8px !important;
}

.list-group-item:hover, .list-group-item.active {
    background-color: var(--arsenal-accent) !important;
    color: white !important;
    border-color: var(--arsenal-accent) !important;
}

.sidebar .panel-title, .sidebar h3 {
    color: var(--arsenal-accent) !important;
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-bottom: 15px;
}
/* --- ARSENAL STEALTH FOOTER --- */

#footer {
    background-color: #020617 !important; /* Slightly darker than the main BG */
    border-top: 1px solid rgba(42, 102, 255, 0.1);
    padding: 40px 0;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.85rem;
}

#footer h3, #footer h4 {
    color: var(--arsenal-accent) !important;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

#footer a {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none;
    transition: 0.3s;
}

#footer a:hover {
    color: var(--arsenal-accent) !important;
}

/* The Bottom Bar (Copyright area) */
.footer-bar {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px 0;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
/* --- ARSENAL PACKAGE PLAN ZONE --- */

/* 1. The Main Product Container */
.product-info, .product-item, .order-summary {
    background: rgba(4, 9, 20, 0.8) !important;
    border: 1px solid rgba(42, 102, 255, 0.15) !important;
    border-radius: 20px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

/* 2. The Package Hover Glow */
.product-info:hover {
    border-color: var(--arsenal-accent) !important;
    box-shadow: 0 0 25px rgba(42, 102, 255, 0.2);
    transform: scale(1.02);
}

/* 3. Product Title & Pricing */
.product-title, .product-name {
    color: #ffffff !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

.product-pricing, .price {
    color: var(--arsenal-accent) !important;
    font-family: 'Monaco', 'Courier New', monospace; /* Tech vibe */
    font-size: 2rem !important;
}

/* 4. Features List */
.product-features li {
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 8px 0 !important;
    list-style: none !important;
}

.product-features li::before {
    content: "â–¹"; /* Arsenal Arrow */
    color: var(--arsenal-accent);
    margin-right: 10px;
}

/* 5. The "Order Now" Button */
.btn-order-now, .btn-add-to-cart {
    background: linear-gradient(135deg, var(--arsenal-accent), #1a4cd3) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(42, 102, 255, 0.3);
}
/* Sidebar Category Links */
#order-standard_cart .categories-sidebar a {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 8px;
    border-radius: 10px;
}

/* --- ORDER FORM CONTENT RECOVERY --- */

/* Fix the white product containers seen in your screenshot */
#order-standard_cart .product-info, 
#order-standard_cart .product-item,
.cart-body {
    background-color: #0b1120 !important; /* Arsenal Deep Blue */
    color: #ffffff !important;
    border: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* Fix the header area of the product (Wp Silver / Gold) */
#order-standard_cart .header, 
.product-info .header {
    background: rgba(255, 255, 255, 0.05) !important;
    border-bottom: 1px solid rgba(42, 102, 255, 0.3) !important;
    padding: 15px !important;
}

/* Fix the text that is currently "invisible" white-on-white */
#order-standard_cart .product-info p,
#order-standard_cart .product-info li,
.product-description {
    color: rgba(255, 255, 255, 0.8) !important;
}
#order-standard_cart .categories-sidebar a.active {
    background: var(--arsenal-accent) !important;
    border-color: var(--arsenal-accent) !important;
}
/* Force Product Descriptions to stay visible and white */
.product-desc, .product-description, #product-description, .package-description {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    color: #ffffff !important;
    opacity: 1 !important;
    padding: 15px 0 !important;
    font-size: 1rem !important;
}

/* Fix the white-on-white text in the product cards */
.product-info p, .product-info li, .product-info div {
    color: #ffffff !important;
}
/* --- FIXING THE PRODUCT TITLES --- */

/* 1. Remove the white bar behind titles */
#order-standard_cart .product header, 
.product clearfix header {
    background: rgba(42, 102, 255, 0.1) !important; /* Subtle blue tint */
    border-bottom: 2px solid var(--arsenal-accent) !important;
    padding: 15px !important;
    border-radius: 10px 10px 0 0 !important;
}

/* 2. Make the Plan Name (Wp Silver, etc) Bright & Bold */
#order-standard_cart .product header span,
.product-name, 
header h3 {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(42, 102, 255, 0.8) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 3. Clean up the "Price" alignment */
.price {
    font-family: 'Orbitron', sans-serif; /* If you have a tech font loaded */
    display: block;
    margin-bottom: 10px;
}
.btn-order-now, .btn-success {
    background: linear-gradient(135deg, #2a66ff 0%, #1a4cd3 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(42, 102, 255, 0.4) !important;
    transition: 0.3s !important;
}

.btn-order-now:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 20px #2a66ff !important;
}
/* --- FIXING THE WHITE PRODUCT HEADERS --- */

/* 1. Force the header background to Arsenal Dark */
#order-standard_cart .product header,
.product header {
    background-color: #0b1120 !important; /* Deep Blue */
    border-bottom: 1px solid #2a66ff !important;
    padding: 15px !important;
}

/* 2. Force the Plan Names (Gold, Platinum) to be visible */
#order-standard_cart .product header span,
.product header h3,
#order-standard_cart .product-name {
    color: #ffffff !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    display: block !important;
    text-shadow: 0 0 10px rgba(42, 102, 255, 0.5);
}
/* Global Order Form Text Correction */
#order-standard_cart {
    color: #ffffff !important;
}

#order-standard_cart .product-desc, 
#order-standard_cart .product-desc ul li {
    color: rgba(255, 255, 255, 0.9) !important;
    /* Force Checkout Backgrounds */
    .view-cart-items-header, .order-summary, .cart-sidebar, .secondary-cart-sidebar {
        background: #0b1120 !important;
        color: #ffffff !important;
        border: 1px solid #2a66ff !important;
    }
    /* Fix Input Fields (Credit Card/Details) */
    .form-control, .select2-container--default .select2-selection--single {
        background-color: #030712 !important;
        border: 1px solid rgba(42, 102, 255, 0.3) !important;
        color: white !important;
    }
    /* Total Price Glow */
    .total-due-amount {
        color: #2a66ff !important;
        text-shadow: 0 0 10px rgba(42, 102, 255, 0.5);
    }
/* 1. Kill the White Box & Force the Arsenal Deep Blue */
#order-standard_cart .order-summary .content,
#order-standard_cart .order-summary .total-due-today {
    background-color: #0b1120 !important; /* Matches your card backgrounds */
    border: none !important;
}

/* 2. Fix the Ghosted Write-up (The Small Text) */
.order-summary .product-name, 
.order-summary .item, 
.order-summary span, 
.order-summary .billing-cycle {
    color: rgba(255, 255, 255, 0.7) !important; /* Soft white/grey for readability */
}

/* 3. Make the Prices Glow Arsenal Blue */
.order-summary .price, 
.order-summary .amt, 
.total-due-today-price {
    color: #2a66ff !important;
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(42, 102, 255, 0.4);
}

/* 4. Remove the thin grey lines between items */
.order-summary .table tr td {
    border-top: 1px solid rgba(42, 102, 255, 0.1) !important;
}
/* 1. Force Price Visibility in Summary */
#order-standard_cart .order-summary .price, 
#order-standard_cart .order-summary .amt,
.total-due-today-price {
    color: #2a66ff !important; /* Arsenal Blue */
    display: inline-block !important;
    font-weight: 800 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Fix the line item text (Setup Fees, Monthly, etc) */
#order-standard_cart .order-summary tr td {
    color: #ffffff !important;
    background: transparent !important;
}

/* 3. Ensure the 'Total Due Today' text isn't ghosted */
.total-due-today-text {
    color: rgba(255, 255, 255, 0.8) !important;
}
/* 1. Kill the main white background in the summary body */
.order-summary .summary-body, 
#order-standard_cart .order-summary .content {
    background-color: #0b1120 !important; /* Matches your Arsenal cards */
    border: none !important;
}

/* 2. Target the table rows that are forcing the white 'leak' */
#order-standard_cart .order-summary table,
#order-standard_cart .order-summary table tr,
#order-standard_cart .order-summary table tr td {
    background-color: transparent !important; /* Lets the #0b1120 show through */
    background: transparent !important;
    border-color: rgba(42, 102, 255, 0.1) !important;
}

/* 3. Fix the 'Total Due Today' footer area */
#order-standard_cart .order-summary .total-due-today {
    background-color: #111827 !important; /* Slightly lighter blue for the footer */
    border-top: 2px solid #2a66ff !important;
}
/* 1. Force all small text/descriptions to be Bright White */
.order-summary .product-group, 
.order-summary .item .truncate,
.order-summary td,
.order-summary .billing-cycle {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

/* 2. Make the 'Setup Fees' and 'Monthly' labels pop */
.order-summary tr td:first-child {
    color: rgba(255, 255, 255, 0.9) !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.5px !important;
}

/* 3. Ensure the 'Wp Silver' sub-description is visible */
#order-standard_cart .order-summary .product-name + br + span,
#order-standard_cart .order-summary .product-group {
    color: #2a66ff !important; /* Arsenal Blue for the sub-category */
    font-weight: bold !important;
}
/* 4. Ensure all text inside the 'Darkened' box is white/visible */
#order-standard_cart .order-summary td {
    color: #ffffff !important;
}
/* 1. Darken the Navigation Bar */
.navbar-main, .navigation-bar {
    background-color: #0b1120 !important; /* Arsenal Deep Blue */
    border-bottom: 2px solid #2a66ff !important;
}

/* 2. Style the Nav Links */
.navbar-main .nav-link, .navbar-nav > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 3. The Active/Hover State */
.navbar-main .nav-link:hover, .navbar-main .active > .nav-link {
    color: #2a66ff !important;
    background: rgba(42, 102, 255, 0.1) !important;
}

/* 4. Fix the Language/Currency Dropdown (The Grey Box at the bottom) */
#order-standard_cart .view-filter-btns .btn {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid rgba(42, 102, 255, 0.3) !important;
    /* 1. Darken the Top-most Logo Bar */
header, .topbar, #header {
    background-color: #030712 !important; /* Matches main background */
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* 2. Blend the Domain Search Section */
.home-main-header, .domain-checker-container {
    background-color: #0b1120 !important; /* Arsenal Module Blue */
    color: #ffffff !important;
}

/* 3. Style the Search Input specifically */
#inputDomain, .domain-checker-container input[type="text"] {
    background-color: #111827 !important;
    border: 1px solid #2a66ff !important;
    color: #ffffff !important;
}

/* 4. Fix the "Secure your domain" title color */
.home-main-header h1, .home-main-header p {
    color: #ffffff !important;
}
}
/* 1. Target the Domain Search Container specifically */
.home-promotion-area, 
.domain-checker-container,
section#home-banner {
    background-color: #030712 !important; /* Deep Arsenal Black */
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* 2. Fix the "Secure your domain name" text visibility */
.home-promotion-area h1, 
.domain-checker-container h2,
.domain-checker-container p {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(42, 102, 255, 0.3);
}

/* 3. Style the Input Bar with the Blue Handshake */
.domain-checker-container .input-group input {
    background-color: #0b1120 !important;
    border: 2px solid #2a66ff !important;
    color: #ffffff !important;
    border-radius: 8px 0 0 8px !important;
}

/* 4. Make the Search/Transfer buttons match the Arsenal Blue */
.domain-checker-container .btn-primary, 
.domain-checker-container .btn-transfer {
    background-color: #2a66ff !important;
    border: none !important;
    font-weight: bold !important;
}
/* Convert the white helper boxes to Dark Modules */
.home-shortcuts .col-md-4 .btn-default,
.home-shortcuts .tile {
    background-color: #0b1120 !important;
    border: 1px solid #2a66ff !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

/* Fix the icons inside the boxes */
.home-shortcuts i {
    color: #2a66ff !important;
}

/* Hover effect for the boxes */
.home-shortcuts .tile:hover {
    box-shadow: 0 0 15px rgba(42, 102, 255, 0.4) !important;
    transform: translateY(-5px);
}
/* 1. Darken the Top-most Logo Bar */
header, .topbar, #header {
    background-color: #030712 !important; /* Matches main background */
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* 2. Blend the Domain Search Section */
.home-main-header, .domain-checker-container {
    background-color: #0b1120 !important; /* Arsenal Module Blue */
    color: #ffffff !important;
}

/* 3. Style the Search Input specifically */
#inputDomain, .domain-checker-container input[type="text"] {
    background-color: #111827 !important;
    border: 1px solid #2a66ff !important;
    color: #ffffff !important;
}

/* 4. Fix the "Secure your domain" title color */
.home-main-header h1, .home-main-header p {
    color: #ffffff !important;
}
/* 1. Unify the Domain Search with the New Dark Header */
.domain-checker-container {
    background: #030712 !important; /* Matches your new dark header */
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* 2. Style the "How can we help today" Tiles */
.home-shortcuts .tile, 
.home-shortcuts .tile-block {
    background-color: #0b1120 !important; /* Arsenal Module Blue */
    border: 1px solid #2a66ff !important;
    border-radius: 10px !important;
    color: #ffffff !important;
}

/* 3. Fix the White Icon Backgrounds */
.home-shortcuts .tile i, 
.home-shortcuts .tile .icon {
    color: #2a66ff !important;
}

/* 4. Fix the "Your Account" Text Visibility */
section#home-banner h1, 
.home-shortcuts h2, 
.home-shortcuts p {
    color: #ffffff !important;
}
/* 1. Make the Login/Account button pop */
.navbar-nav .nav-item .nav-link[href*="login"], 
.navbar-nav .nav-item .nav-link[href*="account"] {
    background-color: rgba(42, 102, 255, 0.15) !important;
    border: 1px solid #2a66ff !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    margin-left: 10px !important;
    transition: all 0.3s ease-in-out !important;
    text-shadow: 0 0 8px rgba(42, 102, 255, 0.6) !important;
}

/* 2. Pulse effect on hover */
.navbar-nav .nav-item .nav-link[href*="login"]:hover {
    background-color: #2a66ff !important;
    box-shadow: 0 0 15px rgba(42, 102, 255, 0.5) !important;
    transform: scale(1.05);
}

/* 3. Ensure the Shopping Cart icon matches */
.nav-item.cart-nav .nav-link {
    color: #2a66ff !important;
}
/* 1. Force the Header Logo Bar to Dark */
#header, .header, .logo-container, .top-bar {
    background-color: #030712 !important;
    border-bottom: 1px solid rgba(42, 102, 255, 0.2) !important;
}

/* 2. Kill the white background on the Domain Search area */
#home-banner, .domain-checker-container {
    background: #030712 !important;
}

/* 3. Target the "How can we help" and "Your Account" white boxes */
.home-shortcuts .row > div > a,
.home-shortcuts .tile,
.home-shortcuts .tile-block,
.view-filter-btns .btn {
    background-color: #0b1120 !important; /* Arsenal Module Blue */
    border: 1px solid #2a66ff !important;
    color: #ffffff !important;
    background-image: none !important; /* Removes any default gradients */
}

/* 4. Fix the text and icons inside those boxes */
.home-shortcuts .tile i, 
.home-shortcuts .tile h4,
.home-shortcuts .tile p {
    color: #ffffff !important;
}