.elementor-kit-13{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF452B;--e-global-color-bebd34d:#121212;--e-global-color-695294b:#1A1A1A;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-bebd34d );}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   ESPORTSY.GG - UNIFIED STEALTH MODE CHECKOUT STYLES
   ========================================================== */

/* 1. THE BROAD-AXE LINK FIX (Force ALL text links inside checkout blocks from Blue to Red) */
.elementor-widget-woocommerce-checkout-page a,
.woocommerce-checkout .woocommerce a,
.woocommerce-checkout form a,
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .showcoupon,
.woocommerce-checkout .ppcp-messaging-layout a {
    color: #FF4148 !important; /* Vibrant high-visibility tactical red */
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

/* Global link hover state inside checkout */
.elementor-widget-woocommerce-checkout-page a:hover,
.woocommerce-checkout .woocommerce a:hover,
.woocommerce-checkout form a:hover,
.woocommerce-checkout .woocommerce-info a:hover,
.woocommerce-checkout .showcoupon:hover {
    color: #FF1E27 !important; 
    text-decoration: underline !important;
}

/* 2. MASTER HEADINGS & LABELS */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout .entry-title,
.woocommerce-checkout label {
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 3. TACTICAL INPUT FIELDS (Charcoal Panels) */
.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"], 
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .form-row input.input-text {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

/* Focus ring for active typing */
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus {
    border-color: #FF1E27 !important;
    outline: none !important;
}

/* Specific fix for Country/Region Selector dropdown display text */
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border-color: #333333 !important;
}

/* 4. ORDER SUMMARY TABLE */
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .product-name,
.woocommerce-checkout .product-total,
.woocommerce-checkout .cart-subtotal,
.woocommerce-checkout .shipping td,
.woocommerce-checkout .order-total,
.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
    color: #FFFFFF !important;
}

.woocommerce-checkout .shop_table {
    border-color: #333333 !important;
    background-color: transparent !important;
}

/* 5. PRIMARY BUTTON OVERHAUL (The Action Button) */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button.button.alt,
.woocommerce-checkout #place_order,
.woocommerce-checkout .button.alt {
    background-color: #FF1E27 !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease-in-out !important;
}

/* Button Hover State */
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout button.button.alt:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .button.alt:hover {
    background-color: #D6151C !important;
    color: #FFFFFF !important;
}
/* ==========================================================
   6. COUPON APPLY BUTTON (Ghost-to-Solid Tactical Toggle)
   ========================================================== */
.woocommerce-checkout button[name="apply_coupon"],
.woocommerce-checkout form.checkout_coupon .button,
.elementor-widget-woocommerce-checkout-page button[name="apply_coupon"],
.woocommerce-form-coupon button.button {
    background-color: #1A1A1A !important; /* Matches dark input boxes */
    color: #FFFFFF !important; /* Crisp white text */
    border: 1px solid #FF1E27 !important; /* Clean Ignite Red outline */
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover state: flips smoothly to solid Ignite Red */
.woocommerce-checkout button[name="apply_coupon"]:hover,
.woocommerce-checkout form.checkout_coupon .button:hover,
.elementor-widget-woocommerce-checkout-page button[name="apply_coupon"]:hover,
.woocommerce-form-coupon button.button:hover {
    background-color: #FF1E27 !important;
    color: #FFFFFF !important;
    border-color: #FF1E27 !important;
}
CSS
/* ==========================================================
   7. PAYPAL DESCRIPTION BOX (Darkens the payment method info)
   ========================================================== */
.woocommerce-checkout .payment_box.payment_method_paypal,
.woocommerce-checkout #payment div.payment_box {
    background-color: #1A1A1A !important; /* Matches your dark panels */
    color: #A0A0A0 !important; /* Clean muted grey text */
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}
/* Style the input text fields to match stealth mode */
.elementor-form input[type="text"],
.elementor-form input[type="email"],
.elementor-form input.elementor-field-textual {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    height: auto !important;
}

/* Style the file upload button container area */
.elementor-form input[type="file"] {
    background-color: #1A1A1A !important;
    color: #A0A0A0 !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Change input border to Ignite Red when clicked/typing */
.elementor-form input:focus {
    border-color: #FF1E27 !important;
    outline: none !important;
}

/* Force the field labels (Name, Email, etc.) to stay crisp white uppercase */
.elementor-form .elementor-field-group > label {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
}
/* ==========================================================
   MOBILE VIEW OPTIMIZATION - 3-STEP TIMELINE CARDS
   ========================================================== */
@media (max-width: 767px) {
    /* 1. Force columns to un-squish and stack full width */
    .elementor-widget-woocommerce-checkout-page + div .elementor-column,
    .elementor-columns-3 > .elementor-column,
    .elementor-grid-3 > div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
        margin-bottom: 15px !important; /* Spacing between stacked steps */
    }

    /* 2. Remove desktop vertical borders and replace with horizontal dividers */
    .elementor-columns-3 > .elementor-column:not(:last-child) {
        border-right: none !important;
        border-bottom: 1px solid #FF1E27 !important; /* Clean Ignite Red separator line */
        padding-bottom: 20px !important;
    }

    /* 3. Give the stacked cards uniform breathing room */
    .elementor-columns-3 > .elementor-column {
        padding-top: 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* 4. Adjust heading typography sizing for small phone screens */
    .elementor-columns-3 h3, 
    .elementor-columns-3 div[class*="heading"] {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    /* 5. Fix body copy readability */
    .elementor-columns-3 p,
    .elementor-columns-3 div[class*="text"] {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}
/* ==========================================================
   UNIFIED MOBILE FORCE-STACK OVERRIDE (.step-grid)
   ========================================================== */
@media (max-width: 767px) {
    /* Force the parent wrapper to abandon horizontal rows completely */
    .step-grid,
    .step-grid > .elementor-container,
    .step-grid > .e-con-inner,
    .step-grid.e-con {
        display: flex !important;
        flex-direction: column !important;
        --flex-direction: column !important;
        --content-width: 100% !important;
    }

    /* Target every individual step card inside the master container */
    .step-grid .elementor-column,
    .step-grid .e-con,
    .step-grid > .elementor-container > .elementor-row > .elementor-column,
    .step-grid > div {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
        display: block !important;
        
        /* Strip the side borders seen in 15947.jpg */
        border-right: none !important;
        border-left: none !important;
        
        /* Lay down a crisp horizontal tactical divider line instead */
        border-bottom: 1px solid #FF1E27 !important; 
        
        /* Clean box tracking spacing */
        padding: 25px 15px !important;
        margin-bottom: 0 !important;
    }

    /* Remove the red separator line from the absolute last step card */
    .step-grid .elementor-column:last-child,
    .step-grid .e-con:last-child,
    .step-grid > div:last-child {
        border-bottom: none !important;
    }

    /* Optimize text sizes inside the newly stacked mobile cards */
    .step-grid h3, 
    .step-grid [class*="heading"] {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    .step-grid p, 
    .step-grid [class*="text"] {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}
/* ==========================================================
   ESPORTSY.GG - GLOBAL SHOP GRID STEALTH SKIN
   ========================================================== */

/* 1. THE PRODUCT CARD TILE */
.woocommerce ul.products li.product,
.elementor-products-grid ul.products li.product {
    background-color: #1A1A1A !important; /* Matches dark input panels */
    border: 1px solid #252525 !important; /* Clean muted frame */
    border-radius: 4px !important;
    padding: 15px !important;
    transition: all 0.25s ease-in-out !important;
}

/* Card Hover State: Frame lights up Ignite Red */
.woocommerce ul.products li.product:hover,
.elementor-products-grid ul.products li.product:hover {
    border-color: #FF1E27 !important;
    transform: translateY(-4px) !important; /* Premium subtle lift effect */
    box-shadow: 0 10px 20px rgba(0,0,0,0.4) !important;
}

/* 2. PRODUCT IMAGES */
.woocommerce ul.products li.product img,
.elementor-products-grid ul.products li.product img {
    border-radius: 2px !important;
    margin-bottom: 15px !important;
    background-color: #151515 !important; /* Dark cradle for transparent PNG mockups */
}

/* 3. PRODUCT TITLES */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-products-grid ul.products li.product .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

/* 4. PRICE TAGS */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price inset,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price amount {
    color: #A0A0A0 !important; /* Muted gray for clean layout */
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* Highlight current/active sale price in bright white */
.woocommerce ul.products li.product .price ins .amount {
    color: #FFFFFF !important;
}

/* 5. TACTICAL "ADD TO CART" / "VIEW PRODUCT" BUTTONS */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.elementor-products-grid .product .button {
    background-color: #FF1E27 !important; /* Solid Ignite Red */
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    border: none !important;
    padding: 12px 10px !important;
    margin-top: 15px !important;
    display: block !important;
    text-align: center !important;
    font-size: 13px !important;
    transition: background-color 0.2s ease-in-out !important;
}

/* Button Hover State */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background-color: #D6151C !important; /* Darker tactical red */
    color: #FFFFFF !important;
}

/* 6. MOBILE BREAKPOINT TWEAK (Ensure 2-column clean layout on phones) */
@media (max-width: 767px) {
    .woocommerce ul.products[class*="columns-"] li.product,
    .elementor-products-grid ul.products[class*="columns-"] li.product {
        width: 48% !important; /* Clean side-by-side split on small screens */
        float: left !important;
        clear: none !important;
        margin-right: 4% !important;
        margin-bottom: 15px !important;
        padding: 10px !important;
    }
    
    .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n),
    .elementor-products-grid ul.products[class*="columns-"] li.product:nth-child(2n) {
        margin-right: 0 !important; /* Removes phantom margin from the right edge */
    }
}
/* ==========================================================
   7. TACTICAL SALE BADGE (Changes default green to Ignite Red)
   ========================================================== */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background-color: #FF1E27 !important; /* Solid Ignite Red */
    color: #FFFFFF !important; /* Crisp white text */
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    
    /* Shape Adjustment: Tactical rectangle to match your buttons */
    border-radius: 3px !important; 
    padding: 6px 10px !important;
    min-height: auto !important;
    min-width: auto !important;
    
    /* Position alignment inside the card padding */
    top: 25px !important;
    right: 25px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}
/* ==========================================================
   8. OLD "WAS" PRICE OVERRIDE (Brings it out of the shadows)
   ========================================================== */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount,
.woocommerce ul.products li.product .price del bdi {
    color: #FF1E27 !important; /* Solid Ignite Red */
    text-decoration: line-through !important; /* Forces the clean strikethrough */
    opacity: 0.7 !important; /* Dims it just enough so the white active price stays the hero */
    font-weight: 500 !important;
    margin-right: 6px !important; /* Adds clean separation before the new price */
    display: inline-block !important;
}
/* ==========================================================
   ESPORTSY.GG - SINGLE PRODUCT HIGH-CONTRAST SKIN
   ========================================================== */

/* 1. PRODUCT TITLE */
.product_title {
    color: #FFFFFF !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
}

/* 2. HIGH-VISIBILITY PRICE MODULE */
.summary .price,
.summary .price .amount {
    color: #FFFFFF !important; /* Normal active price displays in crisp white */
    font-size: 26px !important;
    font-weight: 800 !important;
}

/* Strikethrough "Was" Price - Intense Ignite Red */
.summary .price del,
.summary .price del .amount,
.summary .price del bdi {
    color: #FF1E27 !important; /* Solid Ignite Red */
    text-decoration: line-through !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-right: 12px !important;
    opacity: 0.95 !important; /* Kept near full opacity to prevent fading into dark background */
    display: inline-block !important;
}

/* Active New Sale Price - Ultra-Bright Hero White */
.summary .price ins,
.summary .price ins .amount,
.summary .price ins bdi {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    display: inline-block !important;
}

/* 3. VARIATION LABELS (e.g., "Size") */
.woocommerce div.product form.cart .variations label {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
}

/* 4. STEALTH DROPDOWN SELECT BOXES */
.woocommerce div.product form.cart .variations select {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    height: auto !important;
    min-width: 200px !important;
    transition: border-color 0.2s ease-in-out !important;
}
.woocommerce div.product form.cart .variations select:focus {
    border-color: #FF1E27 !important;
    outline: none !important;
}

/* 5. TACTICAL QUANTITY SELECTOR FIELD */
.woocommerce .quantity .qty {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 11px 5px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    height: auto !important;
}

/* 6. INSTANT IGNITE RED "ADD TO CART" ACTION BUTTON */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background-color: #FF1E27 !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 15px !important;
    padding: 14px 30px !important;
    border-radius: 4px !important;
    border: none !important;
    transition: background-color 0.2s ease-in-out !important;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #D6151C !important;
}

/* 7. PRODUCT META LAYOUT (SKU & Tags) */
.product_meta {
    border-top: 1px solid #222222 !important;
    padding-top: 15px !important;
    margin-top: 25px !important;
    color: #A0A0A0 !important;
    font-size: 13px !important;
}
.product_meta strong, 
.product_meta a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}/* ==========================================================
   FORCE HIGH-VISIBILITY PRICE COLORS (Destroys Black Text)
   ========================================================== */

/* Force ALL active current prices to be blindingly crisp White */
.summary .price,
.summary .price ins,
.summary p.price,
.elementor-widget-woocommerce-product-price .price,
.elementor-widget-woocommerce-product-price .amount,
.woocommerce div.product p.price .amount {
    color: #FFFFFF !important;
}

/* Force the "Was" price block specifically back to intense Ignite Red */
.summary .price del,
.summary .price del .amount,
.summary .price del bdi,
.elementor-widget-woocommerce-product-price del,
.elementor-widget-woocommerce-product-price del .amount {
    color: #FF1E27 !important;
    text-decoration: line-through !important;
    opacity: 0.95 !important;
}
/* ====================================================/* ==========================================================
   ESPORTSY.GG - BRUTE FORCE ELEMENTOR LINK & META OVERRIDE
   ========================================================== */

/* 1. TARGET ALL NON-BUTTON LINKS IN THE PRODUCT INFO COLUMN */
.elementor-widget-woocommerce-product-add-to-cart a,
.elementor-widget-product-meta a,
.summary a:not(.button),
form.cart a,
.woocommerce-variation-add-to-cart a,
[class*="paypal"] a {
    color: #A0A0A0 !important; /* Changes Size Guide & text links to muted gray */
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* Hover state for all informational links */
.elementor-widget-woocommerce-product-add-to-cart a:hover,
.elementor-widget-product-meta a:hover,
.summary a:not(.button):hover,
form.cart a:hover {
    color: #FF1E27 !important; /* Ignites to brand red */
    text-decoration: none !important;
}

/* 2. FIX THE SQUISHED META PANEL (SKU & Categories) */
.product_meta, 
.elementor-product-meta,
.elementor-widget-product-meta {
    display: block !important;
    border-top: 1px solid #222222 !important;
    padding-top: 15px !important;
    margin-top: 25px !important;
}

/* Force individual meta lines (SKU wrapper, Category wrapper) to break layout and stack */
.product_meta span, 
.elementor-product-meta span,
.product_meta .sku_wrapper,
.product_meta .posted_in {
    display: block !important; /* Destroys horizontal merging */
    margin-bottom: 8px !important; /* Adds structured vertical spacing */
    color: #888888 !important; /* Clean data gray labels */
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Highlight the actual data values and active links in crisp white */
.product_meta strong,
.product_meta span span,
.product_meta a,
.elementor-product-meta a {
    color: #FFFFFF !important;
    display: inline !important; /* Keeps the dynamic value bound to its text label */
}
/* ==========================================================
   ESPORTSY.GG - CHECKOUT TERMINAL POLISH
   ========================================================== */

/* 1. FORCE TYPED USER TEXT TO BE CRISP WHITE */
body.woocommerce-checkout .input-text,
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
    color: #FFFFFF !important; /* Ensures name, address, and city text is fully visible while typing */
    background-color: #151515 !important;
    transition: border-color 0.2s ease-in-out !important;
}
body.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout input[type="text"]:focus {
    border-color: #FF1E27 !important; /* Highlights active input fields in brand red */
    outline: none !important;
}

/* 2. ILLUMINATE THE HIDDEN PAYPAL FINANCING COPY */
body.woocommerce-checkout [id*="paypal"] *,
body.woocommerce-checkout [class*="paypal"] *,
body.woocommerce-checkout [data-pp-message] *,
body.woocommerce-checkout .woocommerce-form-coupon-toggle + div *,
body.woocommerce-checkout .woocommerce-form-coupon-toggle + p {
    color: #A0A0A0 !important; /* Pulls the financing terms out of the dark into slate-gray */
}

/* 3. CLEAN UP THE SHIPPING RADIO LABELS */
body.woocommerce-checkout .woocommerce-shipping-methods label,
body.woocommerce-checkout #shipping_method label {
    color: #E0E0E0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    display: inline !important;
}

/* 4. CHILL OUT THE ALL-CAPS SHIPPING TEXT */
body.woocommerce-checkout .woocommerce-shipping-methods label strong,
body.woocommerce-checkout #shipping_method bdi {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
/* ==========================================================
   ESPORTSY.GG - MY ACCOUNT PORTAL TERMINAL
   ========================================================== */

/* 1. TACTICAL SIDE NAVIGATION MENU */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #252525 !important;
    background-color: #151515 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #222222 !important;
    margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

/* Nav Links - Normal State */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #A0A0A0 !important; /* Premium dashboard slate-gray */
    display: block !important;
    padding: 14px 18px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    border-left: 3px solid transparent !important;
}

/* Nav Links - Active & Hover States */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #FFFFFF !important; /* Text pops to bright white */
    background-color: #1A1A1A !important; /* Darkens slot background */
    border-left-color: #FF1E27 !important; /* Lights up the vertical Ignite Red brand asset */
    padding-left: 22px !important; /* Subtle slide-right mechanical feedback */
}

/* 2. THE CONTENT TERMINAL BLOCK & ORDER TABLES */
body.woocommerce-account .woocommerce-MyAccount-content {
    color: #E0E0E0 !important; /* Universal high-contrast text color */
}

body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
    color: #FF1E27 !important; /* Embedded content links highlight in brand red */
    text-decoration: underline !important;
}

/* History Grid / Receipt Manifest Tables */
body.woocommerce-account .shop_table.account-orders-table,
body.woocommerce-account .shop_table.account-orders-table td,
body.woocommerce-account .shop_table.account-orders-table tr {
    background-color: #151515 !important;
    color: #FFFFFF !important;
    border-color: #252525 !important;
}

body.woocommerce-account .shop_table.account-orders-table th {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    border-bottom: 2px solid #FF1E27 !important; /* Underlines table header in red */
}

/* 3. ACCOUNT FORM FIELDS & FIELD LABELS */
body.woocommerce-account .woocommerce-EditAccountForm fieldset,
body.woocommerce-account .woocommerce-address-fields fieldset {
    border-color: #252525 !important;
    background-color: #111111 !important;
}

body.woocommerce-account label {
    color: #FFFFFF !important; /* Locks form labels in solid white */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

body.woocommerce-account .input-text,
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"] {
    background-color: #151515 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

body.woocommerce-account .input-text:focus {
    border-color: #FF1E27 !important;
    outline: none !important;
}

/* 4. OPERATIONAL VIEW/EDIT BUTTONS */
body.woocommerce-account .button,
body.woocommerce-account .woocommerce-Button {
    background-color: #252525 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease-in-out !important;
}

body.woocommerce-account .button:hover,
body.woocommerce-account .woocommerce-Button:hover {
    background-color: #FF1E27 !important; /* Button ignites on cursor focus */
    border-color: #FF1E27 !important;
    color: #FFFFFF !important;
}/* End custom CSS */