.elementor-17 .elementor-element.elementor-element-4d58280b:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-4d58280b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5D353500;}.elementor-17 .elementor-element.elementor-element-4d58280b > .elementor-container{max-width:1050px;}.elementor-17 .elementor-element.elementor-element-4d58280b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 100px 0px;}.elementor-17 .elementor-element.elementor-element-4d58280b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-57f2de02{margin-top:0px;margin-bottom:50px;}.elementor-bc-flex-widget .elementor-17 .elementor-element.elementor-element-72723950.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-17 .elementor-element.elementor-element-72723950.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-17 .elementor-element.elementor-element-7eca13b3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-17 .elementor-element.elementor-element-4deb714{width:auto;max-width:auto;}.elementor-17 .elementor-element.elementor-element-4deb714 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-5c4eb9b8{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-5c4eb9b8 > .elementor-widget-container{padding:0px 0px 0px 32px;}.elementor-17 .elementor-element.elementor-element-5c4eb9b8 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-button{background-color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-button:hover{background-color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-40aad8ce #payment #place_order{background-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-40aad8ce #payment #place_order:hover{background-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-40aad8ce{--additional-information-display:block;--sections-background-color:#02010100;--sections-border-type:solid;--sections-border-radius:0px 0px 0px 0px;--sections-title-color:var( --e-global-color-primary );--sections-secondary-title-color:var( --e-global-color-primary );--sections-descriptions-color:var( --e-global-color-primary );--sections-messages-color:var( --e-global-color-primary );--sections-checkboxes-color:var( --e-global-color-primary );--sections-radio-buttons-color:var( --e-global-color-primary );--links-normal-color:var( --e-global-color-secondary );--links-hover-color:var( --e-global-color-accent );--forms-labels-color:var( --e-global-color-primary );--forms-fields-normal-color:var( --e-global-color-text );--forms-fields-focus-color:var( --e-global-color-primary );--forms-fields-border-radius:0px 0px 0px 0px;--forms-buttons-border-type:none;--forms-buttons-border-radius:0px 0px 0px 0px;--order-summary-items-color:var( --e-global-color-primary );--order-summary-variations-color:var( --e-global-color-primary );--order-summary-items-divider-weight:1px;--order-summary-totals-color:var( --e-global-color-primary );--order-summary-totals-divider-weight:1px;--purchase-button-border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-40aad8ce .e-checkout-secondary-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .e-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-checkout #payment .payment_box, .elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-privacy-policy-text p, .elementor-17 .elementor-element.elementor-element-40aad8ce .e-checkout-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-form__label-for-checkbox span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .wc_payment_method label, .elementor-17 .elementor-element.elementor-element-40aad8ce #shipping_method li label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-billing-fields .form-row label, .elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-shipping-fields .form-row label, .elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-additional-fields .form-row label, .elementor-17 .elementor-element.elementor-element-40aad8ce .e-woocommerce-login-anchor .form-row label, .elementor-17 .elementor-element.elementor-element-40aad8ce .e-coupon-anchor-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce #customer_details .input-text, .elementor-17 .elementor-element.elementor-element-40aad8ce #customer_details .form-row textarea, .elementor-17 .elementor-element.elementor-element-40aad8ce #customer_details .form-row select, .elementor-17 .elementor-element.elementor-element-40aad8ce .e-woocommerce-login-anchor .input-text, .elementor-17 .elementor-element.elementor-element-40aad8ce #coupon_code, .elementor-17 .elementor-element.elementor-element-40aad8ce ::placeholder, .elementor-17 .elementor-element.elementor-element-40aad8ce .select2-container--default .select2-selection--single, .select2-results__option{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-40aad8ce .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-text );}.e-woo-select2-wrapper .select2-results__option:focus{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce #customer_details .form-row .input-text, .elementor-17 .elementor-element.elementor-element-40aad8ce  .woocommerce #customer_details .form-row textarea, .elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce form #customer_details select, .elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce .e-woocommerce-login-anchor .form-row .input-text, .elementor-17 .elementor-element.elementor-element-40aad8ce #coupon_code, .elementor-17 .elementor-element.elementor-element-40aad8ce .select2-container--default .select2-selection--single{border-style:solid;}.elementor-17 .elementor-element.elementor-element-40aad8ce .woocommerce-checkout-review-order-table .cart_item td{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-40aad8ce .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-4d58280b{padding:50px 32px 50px 32px;}.elementor-17 .elementor-element.elementor-element-57f2de02{margin-top:0px;margin-bottom:40px;}.elementor-17 .elementor-element.elementor-element-4deb714{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-5c4eb9b8 > .elementor-widget-container{padding:8px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5c4eb9b8{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-4d58280b{padding:40px 16px 40px 16px;}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-40aad8ce *//* ===================================================
   WOOCOMMERCE : CYBERPUNK ERROR PAGE & NOTICES
   =================================================== */

/* 1. Texte d'introduction ("There are some issues...") */
.woocommerce > p, 
.woocommerce-notices-wrapper + p,
.woocommerce-error + p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    margin-bottom: 25px !important;
    font-family: inherit !important;
}

/* 2. Boîte d'erreur (Remplacement du fond blanc) */
ul.woocommerce-error, 
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    background: #0f0f1a !important; /* Fond très sombre, raccord avec ton site */
    border: 1px solid rgba(255, 0, 110, 0.4) !important; /* Bordure fine rose néon */
    border-left: 5px solid #ff006e !important; /* Grosse ligne rose à gauche */
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 0 20px rgba(255, 0, 110, 0.15) !important; /* Léger glow */
    padding: 16px 24px !important;
    margin-bottom: 25px !important;
    list-style: none !important;
    font-weight: 500 !important;
}

/* Rendre l'icône d'alerte rose néon */
.woocommerce-error::before,
.woocommerce-error li::before,
.woocommerce-info::before, 
.woocommerce-message::before {
    color: #ff006e !important;
    margin-right: 12px !important;
}

/* 3. Bouton "Return to cart" (Style Bouton fantôme Cyan) */
.woocommerce a.button.wc-backward,
.woocommerce-page a.button.wc-backward {
    background: transparent !important;
    color: #00ffff !important;
    border: 2px solid #00ffff !important;
    border-radius: 6px !important;
    padding: 14px 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1) !important;
}

/* Effet au survol du bouton (Plein Cyan brillant) */
.woocommerce a.button.wc-backward:hover,
.woocommerce-page a.button.wc-backward:hover {
    background: #00ffff !important;
    color: #000 !important;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
}
/* ===================================================
   CHECKOUT : CORRECTIONS (CHECKBOX & DROPDOWN)
   =================================================== */

/* 1. Mettre le texte "Ship to a different address?" en blanc */
#ship-to-different-address label span {
    color: #ffffff !important;
}

/* 2. Centrer le texte des menus déroulants (ex: Quebec) et corriger l'alignement */
.woocommerce form .form-row .select2-container--default .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: auto !important; /* Permet au padding existant de gérer la hauteur */
}

.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 20px !important; /* Laisse l'espace pour la petite flèche */
    line-height: normal !important; /* Remonte le texte qui était poussé vers le bas */
    color: #00ffff !important; /* Rend le texte cyan comme le reste de tes champs */
}

/* Centre parfaitement la petite flèche de droite */
.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
}
/* ===================================================
   PAGE DE CONFIRMATION DE COMMANDE (ORDER RECEIVED)
   =================================================== */

/* 1. Message de succès principal (Thank you) */
.woocommerce-order-received .woocommerce-notice--success {
    background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%) !important;
    border: 1px solid #00ffff !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2) !important;
    padding: 20px 25px !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
}

.woocommerce-order-received .woocommerce-notice--success::before {
    color: #00ffff !important; /* Change l'icône verte par défaut en cyan */
}

/* 2. Résumé de la commande (Panneau supérieur horizontal) */
.woocommerce-order-received ul.woocommerce-order-overview {
    background: rgba(10, 10, 25, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    list-style: none !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-right: 20px !important;
    color: #aaa !important;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0 !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li:last-child {
    border-right: none !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li strong {
    display: block;
    color: #00ffff !important;
    font-size: 15px;
    margin-top: 6px;
    font-family: monospace;
    text-transform: none;
}

/* 3. Textes libres (Instructions E-transfer, etc.) */
.woocommerce-order-received p {
    color: #e0e0e0 !important;
    line-height: 1.6 !important;
}

/* 4. Tableau "Order details" */
.woocommerce-order-received h2.woocommerce-order-details__title {
    color: #00ffff !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

.woocommerce-order-received table.shop_table.order_details {
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%) !important;
    overflow: hidden;
    border-collapse: separate !important;
    margin-bottom: 30px !important;
}

.woocommerce-order-received table.shop_table.order_details thead th {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #00ffff !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.3) !important;
    text-transform: uppercase;
    font-size: 12px;
    padding: 15px 20px !important;
}

.woocommerce-order-received table.shop_table.order_details td,
.woocommerce-order-received table.shop_table.order_details tbody th,
.woocommerce-order-received table.shop_table.order_details tfoot th {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #e0e0e0 !important;
    background: transparent !important;
    padding: 15px 20px !important;
}

.woocommerce-order-received table.shop_table.order_details a {
    color: #fff !important;
    text-decoration: none !important;
}

/* Ligne TOTAL du tableau */
.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child th,
.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td {
    border-top: 2px solid rgba(0, 255, 255, 0.3) !important;
    background: rgba(0, 255, 255, 0.05) !important;
}

.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td span {
    color: #00ffff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

/* 5. Boutons "Print Invoice" & "Download Invoice" */
.woocommerce-order-received a.wt_pklist_invoice_print,
.woocommerce-order-received a.wt_pklist_invoice_download {
    background: transparent !important;
    color: #00ffff !important;
    border: 2px solid #00ffff !important;
    border-radius: 6px !important;
    padding: 12px 25px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.woocommerce-order-received a.wt_pklist_invoice_print:hover,
.woocommerce-order-received a.wt_pklist_invoice_download:hover {
    background: #00ffff !important;
    color: #000 !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* 6. Section des adresses (Billing & Shipping) */
.woocommerce-order-received .woocommerce-customer-details {
    margin-top: 40px !important;
}

.woocommerce-order-received .woocommerce-customer-details h2.woocommerce-column__title {
    color: #00ffff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 15px !important;
}

.woocommerce-order-received .woocommerce-customer-details address {
    background: rgba(10, 10, 25, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    color: #e0e0e0 !important;
    height: auto !important; /* Écrase la hauteur fixe qui créait des bugs */
    line-height: 1.8 !important;
    font-style: normal !important;
}

.woocommerce-order-received .woocommerce-customer-details p {
    margin: 10px 0 0 0 !important;
    color: #aaa !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4d58280b *//* ===================================================
   MRFBA — DARK CHECKOUT THEME
   Matches marketplace design system
=================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=JetBrains+Mono:wght@700;800&family=Outfit:wght@400;500;600;700&display=swap');

/* ===================================================
   1. GLOBAL & TYPOGRAPHY
=================================================== */

.woocommerce-checkout,
.woocommerce-page.woocommerce-checkout,
body.woocommerce-checkout {
    background: #020617 !important;
}

.woocommerce-checkout #content,
.woocommerce-checkout .site-content,
.woocommerce-checkout .entry-content,
.woocommerce-checkout .elementor-widget-container,
.woocommerce-checkout main,
.woocommerce-checkout .elementor-element,
.woocommerce-checkout .elementor-section,
.woocommerce-checkout .elementor-container,
.woocommerce-checkout .elementor-column-wrap,
.woocommerce-checkout .elementor-widget-wrap {
    background: transparent !important;
}

.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title,
.woocommerce-checkout h1.entry-title {
    font-family: 'JetBrains Mono', monospace !important;
    color: #00ffff !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.4) !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.woocommerce-checkout p,
.woocommerce-checkout span,
.woocommerce-checkout div,
.woocommerce-checkout label,
.woocommerce-checkout small,
.woocommerce-checkout li,
.woocommerce-checkout td,
.woocommerce-checkout th,
.woocommerce-checkout td *,
.woocommerce-checkout th * {
    color: #cbd5e1 !important;
}

.e-woocommerce-coupon-nudge a,
.woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-wrapper a,
.e-woocommerce-login-section a.e-show-login,
.e-woocommerce-login-section .lost_password a {
    color: #00ffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

.e-woocommerce-coupon-nudge a:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-wrapper a:hover,
.e-woocommerce-login-section a.e-show-login:hover,
.e-woocommerce-login-section .lost_password a:hover {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8) !important;
}

/* ===================================================
   2. LAYOUT BLOCKS (Fixing the "Squeezed & Black" issue)
=================================================== */

/* Clean Elementor wrappers */
.woocommerce-checkout .e-checkout__column-start,
.woocommerce-checkout .e-checkout__column-end {
    background: transparent !important;
    border: none !important;
}

/* Apply card styling ONLY to outer wrappers to prevent double-boxes */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .e-checkout__order_review,
.woocommerce-checkout .e-checkout__order_review-2 {
    background: linear-gradient(145deg, rgba(26, 26, 46, 0.8) 0%, rgba(22, 33, 62, 0.8) 100%) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    padding: 24px !important; /* Reduced padding to give content more room */
    margin-bottom: 24px !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* Remove backgrounds and padding from inner elements so they don't squeeze */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #order_review,
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Section Headings */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
    font-family: 'JetBrains Mono', monospace !important;
    color: #00ffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.15) !important;
}

/* ===================================================
   3. FORMS & INPUTS
=================================================== */

.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
}

.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label,
.e-woocommerce-login-section label {
    font-family: 'Outfit', sans-serif !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
}

.woocommerce-checkout label .required,
.e-woocommerce-login-section label .required {
    color: #ff006e !important;
}

.woocommerce-checkout label .optional {
    color: #475569 !important;
    font-size: 10px !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .input-text {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    width: 100% !important;
    outline: none !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.2) !important;
    background: rgba(0, 0, 0, 0.6) !important;
}

.woocommerce-checkout input[type="checkbox"],
.woocommerce-checkout input[type="radio"] {
    accent-color: #00ffff !important;
    width: 18px !important;
    height: 18px !important;
}

/* Select2 Dropdown */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    line-height: 48px !important;
    padding-left: 16px !important;
    font-family: 'Outfit', sans-serif !important;
}

.select2-dropdown {
    background: #1a1a2e !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 8px !important;
}

.select2-results__option {
    color: #e0e0e0 !important;
    padding: 10px 16px !important;
    font-family: 'Outfit', sans-serif !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(0, 255, 255, 0.15) !important;
    color: #00ffff !important;
}

/* ===================================================
   4. NOTICES & ALERTS
=================================================== */

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .checkout_coupon {
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 24px !important;
    border-left: 4px solid #00ffff !important;
}

.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before {
    color: #00ffff !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-checkout .checkout_coupon .button {
    background: rgba(0, 255, 255, 0.1) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    color: #00ffff !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: all 0.3s !important;
}

.woocommerce-checkout .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.woocommerce-checkout .checkout_coupon .button:hover {
    background: #00ffff !important;
    color: #000 !important;
}

/* Error Notices */
.woocommerce-checkout .woocommerce-error {
    background: rgba(255, 0, 110, 0.08) !important;
    border: 1px solid rgba(255, 0, 110, 0.3) !important;
    border-left: 4px solid #ff006e !important;
    color: #fda4af !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    font-family: 'Outfit', sans-serif !important;
    list-style: none !important;
}

.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-error::before {
    color: #ff006e !important;
}

/* ===================================================
   5. ORDER REVIEW TABLE
=================================================== */

.woocommerce-checkout .shop_table {
    background: transparent !important;
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

/* Table Header */
.woocommerce-checkout .shop_table thead th {
    background: rgba(0, 0, 0, 0.5) !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.3) !important;
    font-family: 'JetBrains Mono', monospace !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 12px 0 !important;
}

.woocommerce-checkout .shop_table tbody th, 
.woocommerce-checkout .shop_table tfoot th {
    background: transparent !important;
    vertical-align: middle !important;
}

/* Product Rows - Auto-width to prevent squeezing, White Text */
#order_review thead th,
#order_review tbody td {
    word-break: normal !important;
    white-space: normal !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.woocommerce-checkout .shop_table tbody td.product-name {
    max-width: none !important; /* Fixes the squeezed name */
}

.woocommerce-checkout .shop_table tbody tr.cart_item td,
.woocommerce-checkout .shop_table tbody tr.cart_item td * {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

.woocommerce-checkout .shop_table tbody td.product-total,
.woocommerce-checkout .shop_table tbody td.product-total * {
    text-align: right !important;
    white-space: nowrap !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700 !important;
}

/* Shipping Methods Spacing */
#shipping_method { margin: 0 !important; padding: 0 !important; }
#shipping_method li { margin-bottom: 8px !important; }

/* Subtotals, Tax, Fees Rows */
.woocommerce-checkout .shop_table tfoot th {
    color: #94a3b8 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.woocommerce-checkout .shop_table tfoot td {
    color: #e0e0e0 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Specific Fee Row (Credit Card - Changed to White) */
.woocommerce-checkout .shop_table tfoot .fee th,
.woocommerce-checkout .shop_table tfoot .fee td,
.woocommerce-checkout .shop_table tfoot .fee td *,
#order_review .fee th,
#order_review .fee td,
#order_review .fee td * {
    color: #ffffff !important;
}

/* Tax Row */
.woocommerce-checkout .shop_table tfoot .tax-rate th {
    color: #64748b !important;
    font-size: 12px !important;
}
.woocommerce-checkout .shop_table tfoot .tax-rate td,
.woocommerce-checkout .shop_table tfoot .tax-rate td * {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* Total Row (Subtle Green Glow to fix the Black background bug) */
.woocommerce-checkout .shop_table tr.order-total th, 
.woocommerce-checkout .shop_table tr.order-total td,
.woocommerce-checkout .shop_table tfoot .order-total th,
.woocommerce-checkout .shop_table tfoot .order-total td {
    border-top: 3px double rgba(0, 255, 255, 0.3) !important;
    background: rgba(0, 255, 136, 0.08) !important; 
}

.woocommerce-checkout .shop_table tfoot .order-total th {
    color: #fff !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    padding-top: 20px !important;
}

.woocommerce-checkout .shop_table tfoot .order-total td,
.woocommerce-checkout .shop_table tfoot .order-total .woocommerce-Price-amount {
    color: #00ff88 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    padding-top: 20px !important;
    text-shadow: 0 0 15px rgba(0, 255, 136, 0.4) !important;
}

/* Cashback Row (Gold & Bigger) */
tr.mrfba-cashback-preview {
    display: table-row !important;
    visibility: visible !important;
    height: auto !important;
}
tr.mrfba-cashback-preview th {
    font-size: 16px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
tr.mrfba-cashback-preview th span {
    font-size: 12px !important;
    padding: 3px 8px !important;
}
tr.mrfba-cashback-preview td > span {
    font-size: 24px !important;
    display: block !important;
    margin-bottom: 4px !important;
}
tr.mrfba-cashback-preview td > div {
    font-size: 13px !important;
}

/* ===================================================
   6. PAYMENT SECTION
=================================================== */

.woocommerce-checkout #payment .payment_methods {
    background: transparent !important;
    border: none !important;
    padding: 24px 0 !important;
    list-style: none !important;
}

.woocommerce-checkout #payment .payment_methods li {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin-bottom: 10px !important;
    transition: all 0.3s !important;
}

.woocommerce-checkout #payment .payment_methods li:hover {
    border-color: rgba(0, 255, 255, 0.3) !important;
}

.woocommerce-checkout #payment .payment_methods li label {
    color: #fff !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.woocommerce-checkout #payment .payment_box {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 12px !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}

.woocommerce-checkout #payment .payment_box::before { display: none !important; }

.woocommerce-checkout #payment .wc-payment-form input,
.woocommerce-checkout #payment .wc-payment-form select,
.woocommerce-checkout #payment iframe {
    border-radius: 8px !important;
}

/* PLACE ORDER BUTTON */
.woocommerce-checkout #place_order,
.woocommerce-checkout .woocommerce-checkout-payment button[type="submit"] {
    background: linear-gradient(135deg, #00ffff 0%, #0088cc 100%) !important;
    color: #000 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    padding: 18px 36px !important;
    border: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 25px rgba(0, 255, 255, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce-checkout #place_order:hover {
    background: linear-gradient(135deg, #bf00ff 0%, #8800cc 100%) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 35px rgba(191, 0, 255, 0.5) !important;
}

/* ===================================================
   7. STORE CREDIT / COUPON CUSTOMIZATIONS
=================================================== */

#acfw-checkout-ui-block .acfw-accordion-inner,
#acfw-checkout-ui-block .acfw-accordion-content {
    background: transparent !important;
}

#acfw_redeem_store_credit {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 15px !important;
}

#acfw_redeem_store_credit .form-row {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
}

#acfw_redeem_store_credit .form-row-first { flex: 1 1 auto !important; width: auto !important; }
#acfw_redeem_store_credit .form-row-last { flex: 0 0 auto !important; width: auto !important; }

#acfw_redeem_store_credit input.wc_input_price,
#acfw_redeem_store_credit button.button {
    height: 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#acfw_redeem_store_credit input.wc_input_price {
    width: 100% !important;
    background: rgba(10, 10, 25, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    color: #00ffff !important;
    border-radius: 6px !important;
    padding: 0 15px !important;
    font-family: monospace !important;
    line-height: 46px !important;
    transition: all 0.3s ease !important;
}

#acfw_redeem_store_credit input.wc_input_price:focus {
    border-color: #00ffff !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.4) !important;
    background: rgba(0, 0, 0, 0.9) !important;
    outline: none !important;
}

#acfw_redeem_store_credit button.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 25px !important;
}

#acfw_redeem_store_credit label { display: none !important; }

/* ===================================================
   8. MISC & HIDDEN ELEMENTS
=================================================== */

/* Hide Subtotal Rows globally */
#order_review > .shop_table > tfoot > tr.cart-subtotal {
    display: none !important;
}

/* Hide ONLY the Subtotal inside the Renewal block */
.wps_recurring_bifurcation_wrapper td ul li:first-child {
    display: none !important;
}

/* Hide other Subscription/Renewal details except title */
.wps_sfw_renewal_detail,
.wps-sfw-renewal,
[class*="renewal_detail"] {
    display: none !important;
}

/* Subscription Interval Text */
.woocommerce-checkout .wps_sfw_interval_section,
.woocommerce-checkout .subscription-details,
.woocommerce-checkout .shop_table .product-price small,
.woocommerce-checkout .shop_table .product-name small {
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* Subscription Badge */
.woocommerce-checkout .subscription-details,
.woocommerce-checkout .wps_sfw_subscription_msg {
    background: rgba(191, 0, 255, 0.06) !important;
    border: 1px solid rgba(191, 0, 255, 0.2) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    color: #d8b4fe !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 12px !important;
}

/* Generic Woo Chrome fixes */
.woocommerce-checkout .woocommerce-form-login-toggle + .woocommerce-form-login {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(0, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

/* Terms & Privacy Texts */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper *,
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text * {
    color: #475569 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 12px !important;
}

/* ===================================================
   9. MOBILE RESPONSIVE
=================================================== */

@media (max-width: 768px) {
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout .e-checkout__order_review,
    .woocommerce-checkout .e-checkout__order_review-2 {
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }
    
    .woocommerce-checkout .shop_table tfoot .order-total td,
    .woocommerce-checkout .shop_table tfoot .order-total .woocommerce-Price-amount {
        font-size: 20px !important;
    }
    
    .woocommerce-checkout #place_order {
        padding: 16px 24px !important;
        font-size: 13px !important;
    }
}


/* ===================================================
   8B. HIDE RENEWAL BREAKDOWN CLEANLY
   Put this at the very bottom of your CSS
=================================================== */

/* Remove the recurring / renewal block completely */
.woocommerce-checkout .shop_table tr.wps_recurring_bifurcation_wrapper,
.woocommerce-checkout .shop_table .wps_recurring_bifurcation_wrapper,
.woocommerce-checkout .shop_table .wps_sfw_renewal_detail,
.woocommerce-checkout .shop_table .wps-sfw-renewal,
.woocommerce-checkout .shop_table [class*="renewal_detail"],
.woocommerce-checkout .shop_table tr:has(.wps_recurring_bifurcation_wrapper),
.woocommerce-checkout .shop_table tr:has(.wps_sfw_renewal_detail),
.woocommerce-checkout .shop_table tr:has(.wps-sfw-renewal) {
    display: none !important;
}

/* Hide any leftover recurring tax / total items on the right */
.woocommerce-checkout .shop_table [class*="renewal-tax"],
.woocommerce-checkout .shop_table [class*="renewal_tax"],
.woocommerce-checkout .shop_table [class*="renewal-total"],
.woocommerce-checkout .shop_table [class*="renewal_total"],
.woocommerce-checkout .shop_table [class*="recurring-tax"],
.woocommerce-checkout .shop_table [class*="recurring_tax"],
.woocommerce-checkout .shop_table [class*="recurring-total"],
.woocommerce-checkout .shop_table [class*="recurring_total"] {
    display: none !important;
}

/* Clean up spacing after the renewal block disappears */
.woocommerce-checkout .shop_table .order-total th,
.woocommerce-checkout .shop_table .order-total td {
    border-bottom: 0 !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview th,
.woocommerce-checkout tr.mrfba-cashback-preview td {
    padding-top: 18px !important;
}
/* ===================================================
   SAFE FIX FOR ORDER REVIEW LAYOUT
   Paste at the very bottom
=================================================== */

/* Undo the previous column-width hack */
@media (min-width: 1025px) {
    .woocommerce-checkout .e-checkout__column-start,
    .woocommerce-checkout .e-checkout__column-end {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .woocommerce-checkout .e-checkout__column-start {
        flex: 1 1 auto !important;
    }

    .woocommerce-checkout .e-checkout__column-end {
        flex: 0 1 auto !important;
    }

    /* Small safe room gain inside the order panel */
    .woocommerce-checkout .e-checkout__order_review,
    .woocommerce-checkout .e-checkout__order_review-2 {
        padding: 18px !important;
    }
}

/* Keep product title and price aligned without breaking the table */
.woocommerce-checkout #order_review .shop_table {
    table-layout: auto !important;
    width: 100% !important;
}

.woocommerce-checkout #order_review .shop_table tbody tr.cart_item td {
    vertical-align: top !important;
}

.woocommerce-checkout #order_review .shop_table tbody tr.cart_item td.product-name {
    width: auto !important;
    padding-right: 18px !important;
    line-height: 1.35 !important;
}

.woocommerce-checkout #order_review .shop_table tbody tr.cart_item td.product-total {
    width: 1% !important;
    white-space: nowrap !important;
    text-align: right !important;
    padding-left: 12px !important;
}

.woocommerce-checkout #order_review .shop_table tbody tr.cart_item .product-quantity {
    display: inline !important;
    white-space: nowrap !important;
    margin-left: 4px !important;
}

/* Keep cashback label + badge on one line */
.woocommerce-checkout tr.mrfba-cashback-preview th {
    white-space: nowrap !important;
    padding-right: 16px !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview th br {
    display: none !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview th span {
    display: inline-block !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview td {
    width: 1% !important;
    text-align: right !important;
    white-space: normal !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview td > span {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    margin-bottom: 4px !important;
}

.woocommerce-checkout tr.mrfba-cashback-preview td > div {
    font-size: 12px !important;
    line-height: 1.35 !important;
}/* End custom CSS */