/**
 * TRAFFICBESTBUY 2026 - MASTER GALAXY REBORN BUILD
 * Full Site Optimization: Header, Cards, Forms, & Footer
 */

/* --- 1. GLOBAL LAYOUT & DARK RESET --- */
html, body {
    background-color: #0b0f19 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif, verdana;
}

#mainWrapper {
    background-color: #0b0f19 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

#contentMainWrapper {
    width: 95% !important;
    max-width: 1200px;
    margin: 0 auto;
    background: transparent !important;
}

/* Kill Ghost Sidebar & Headers */
.col140, #navMainWrapper, #navCatTabsWrapper, #logoWrapper, #bannerSix { 
    display: none !important; 
}

.col830 {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

/* --- 2. THE AWESOME HEADER --- */
#headerWrapper.tbb-header {
    background-color: #0b0f19 !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid rgba(77, 243, 255, 0.3) !important;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-container {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.tbb-logo a { font-size: 24px; color: #fff; text-decoration: none; font-weight: 800; text-transform: uppercase; }
.tbb-logo span { color: #ff6600; }

.nav-links { list-style: none; display: flex; gap: 25px; margin: 0; padding: 0; }
.nav-links a { color: #94a3b8; text-decoration: none; font-weight: 600; transition: 0.3s; }
.nav-links a:hover { color: #ff6600; }

.btn-orange-header {
    background: #ff6600 !important;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* --- 3. GALAXY PRODUCT CARDS (Fixes Doubled Grids) --- */
#catList, .tabTable { 
    background: transparent !important; 
    border: none !important; 
    display: block !important; 
}

.productListing-odd, .productListing-even {
    background: #111827 !important;
    border: 1px solid #1a2a6c !important;
    border-radius: 12px;
    padding: 25px !important;
    margin-bottom: 25px !important;
    display: block !important; /* Forces single column card look */
    transition: 0.3s ease;
}

.productListing-odd:hover, .productListing-even:hover {
    border-color: #4df3ff !important;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(77, 243, 255, 0.1);
}

/* Titles (Orange) */
.itemTitle a {
    color: #ff6600 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Description (Readable Slate) */
.listingDescription {
    color: #94a3b8 !important;
    font-size: 1rem !important;
    line-height: 1.6;
    margin: 10px 0 !important;
}

/* Price (Cyan) */
.productBasePrice, .list-price {
    color: #4df3ff !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;
    display: block;
    margin: 10px 0;
}

/* Buttons */
.moreinfoLink, .list-more {
    background: #ff6600 !important;
    color: #fff !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block !important;
    margin-top: 10px;
}

/* --- 4. DARK GALAXY FORMS --- */
fieldset {
    background: #111827 !important;
    border: 1px solid #1a2a6c !important;
    color: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px;
}

label, .inputLabel, legend {
    color: #4df3ff !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

input[type="text"], input[type="password"], input[type="email"], select, textarea {
    background: #0b0f19 !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

/* --- 5. CLEAN FOOTER --- */
#navSuppWrapper {
    background-color: #0b0f19 !important;
    border-top: 1px solid rgba(77, 243, 255, 0.2) !important;
    padding: 40px 0 !important;
    margin-top: 50px;
}

#navSupp ul li a { color: #4df3ff !important; }

#siteinfoLegal {
    background-color: #05070a !important;
    color: #64748b !important;
    padding: 20px 0 !important;
    text-align: center;
    border-top: 1px solid #111827 !important;
}

/* Pagination Fix */
.pagination li a { background: #111827 !important; color: #4df3ff !important; border: 1px solid #1a2a6c !important; padding: 5px 10px; }
.pagination li.current { background: #ff6600 !important; color: #fff !important; }
/* --- CHECKOUT & ACCOUNT FORM POLISH --- */

/* Make the checkout steps/progress bar stand out */
.checkoutBarCurrent { color: #ff6600 !important; font-weight: bold; }
.checkoutBarTo { color: #64748b !important; }

/* Fix the "Total" box in the cart */
#cartTotalsDisplay {
    background: #111827 !important;
    border: 1px solid #1a2a6c !important;
    padding: 20px !important;
    border-radius: 10px;
}

/* Ensure the 'Confirm Order' button is the big Orange brand color */
#checkoutConfirmDefault .buttonRow input, 
.addressEditButton input {
    background: #ff6600 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 30px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    cursor: pointer;
}
/* --- HEADER FLEX FIX --- */
.header-container {
    display: flex !important;
    flex-direction: row !important; /* Forces horizontal */
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* Prevents stacking */
    max-width: 1200px;
    margin: 0 auto;
}

.nav-links {
    display: flex !important;
    flex-direction: row !important; /* Forces links to sit side-by-side */
    list-style: none !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nav-links li {
    display: inline-block !important;
}

/* Ensure the logo doesn't crush the links */
.tbb-logo {
    flex-shrink: 0;
}
<style>
/* FORCE FOOTER LINKS TO BE HORIZONTAL */
#navSuppWrapper {
    background-color: #0b0f19 !important;
    padding: 20px 0 !important;
    border-top: 1px solid #1a2a6c !important;
}

#navSupp ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 20px !important;
}

#navSupp ul li {
    display: inline-block !important;
    width: auto !important;
}

#navSupp ul li a {
    color: #4df3ff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

#navSupp ul li a:hover {
    color: #ffffff !important;
}
</style>
/* --- FIX FOR LOGIN PAGE GREY BOXES --- */

/* 1. Remove the grey background and borders from the login headings */
#loginForm h2, 
.centerColumn h2, 
#newCustomer h2 {
    background: transparent !important;
    border: none !important;
    color: #4df3ff !important; /* Your signature neon blue */
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 0 !important;
}

/* 2. Style the boxes containing the login/register forms */
#loginForm, #newCustomer {
    background-color: #111827 !important; /* Dark space blue */
    border: 1px solid #1a2a6c !important; /* Galaxy border */
    border-radius: 8px;
    padding: 20px !important;
}

/* 3. Ensure the text inside those boxes is bright enough */
#loginForm fieldset, #newCustomer fieldset {
    color: #e2e8f0 !important;
}
/* --- TBB LOGIN PAGE OVERRIDE --- */

/* Kill the grey background on headings */
#loginDefaultHeading, 
#loginForm legend, 
#createAccountForm legend {
    background-color: transparent !important;
    color: #4df3ff !important; /* Neon Blue */
    font-size: 1.5em !important;
    text-transform: uppercase;
    border: none !important;
    padding: 10px 0 !important;
}

/* Fix the grey "Information" box under New Recruit */
#createAccountForm .information {
    background-color: #111827 !important; /* Dark Space Blue */
    color: #e2e8f0 !important; /* Soft White */
    border: 1px solid #1a2a6c !important;
    padding: 15px !important;
    border-radius: 5px;
}

/* Style the fieldsets (the main boxes) */
#loginForm fieldset, 
#createAccountForm fieldset {
    background-color: #0b0f19 !important; /* Deep Black/Blue */
    border: 1px solid #1a2a6c !important;
    color: #ffffff !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

/* Make labels visible */
.inputLabel, label {
    color: #94a3b8 !important; /* Light Grey/Blue */
}

/* Fix Input Fields (White text on dark background) */
input[type="text"], 
input[type="password"], 
input[type="email"], 
select {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #4df3ff !important;
    padding: 8px !important;
}