.elementor-116 .elementor-element.elementor-element-edbcdde{--display:flex;--min-height:450px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.8;--padding-top:140px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-116 .elementor-element.elementor-element-edbcdde:not(.elementor-motion-effects-element-type-background), .elementor-116 .elementor-element.elementor-element-edbcdde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-15a41bf );background-image:url("https://premiumgrips.com/wp-content/uploads/2026/03/4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-116 .elementor-element.elementor-element-edbcdde::before, .elementor-116 .elementor-element.elementor-element-edbcdde > .elementor-background-video-container::before, .elementor-116 .elementor-element.elementor-element-edbcdde > .e-con-inner > .elementor-background-video-container::before, .elementor-116 .elementor-element.elementor-element-edbcdde > .elementor-background-slideshow::before, .elementor-116 .elementor-element.elementor-element-edbcdde > .e-con-inner > .elementor-background-slideshow::before, .elementor-116 .elementor-element.elementor-element-edbcdde > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-15a41bf );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-116 .elementor-element.elementor-element-449fa49{text-align:center;}.elementor-116 .elementor-element.elementor-element-449fa49 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:50px;font-weight:600;text-transform:capitalize;line-height:56px;color:var( --e-global-color-318b83b );}.elementor-116 .elementor-element.elementor-element-4a4e4b67{--display:flex;--padding-top:60px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}body.elementor-page-116:not(.elementor-motion-effects-element-type-background), body.elementor-page-116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-15a41bf );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-116 .elementor-element.elementor-element-4a4e4b67{--content-width:1320px;}}@media(max-width:1024px){.elementor-116 .elementor-element.elementor-element-edbcdde{--min-height:300px;--padding-top:100px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-116 .elementor-element.elementor-element-449fa49{width:100%;max-width:100%;}.elementor-116 .elementor-element.elementor-element-449fa49 .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-116 .elementor-element.elementor-element-4a4e4b67{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-116 .elementor-element.elementor-element-edbcdde{--min-height:240px;--padding-top:120px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-116 .elementor-element.elementor-element-449fa49 .elementor-heading-title{font-size:28px;line-height:1.2em;}}/* Start custom CSS for container, class: .elementor-element-edbcdde */.elementor-element-dea26fd {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a4e4b67 *//* ============================================
   WooCommerce My Account - Dark Theme
   Matching: #FF6600 accent, #1a1a1a dark bg
   Font: Archivo, 500 weight
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');

/* ===== MY ACCOUNT MAIN LAYOUT (Two Column) ===== */
.woocommerce-account .woocommerce {
    display: flex !important;
    align-items: flex-start !important;
    gap: 40px !important;
}

/* ===== BREADCRUMB ===== */
.breadcrumb-title {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
}

.breadcrumb-list {
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.breadcrumb-item a {
    color: #999999 !important;
    font-family: 'Archivo', sans-serif !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.breadcrumb-item a:hover {
    color: #FF6600 !important;
}

.breadcrumb-item.active {
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
}

/* ===== NAVIGATION SIDEBAR ===== */
.woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important; /* Forces sidebar to 280px width */
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    border-bottom: 1px solid #222222 !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: #FF6600 !important;
    background-color: rgba(255, 102, 0, 0.08) !important;
}

/* Active nav item */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #FFFFFF !important;
    background-color: #FF6600 !important;
    font-weight: 600 !important;
}

/* Logout link - subtle red */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #FF4444 !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: #FF6666 !important;
    background-color: rgba(255, 68, 68, 0.08) !important;
}

/* ===== MY ACCOUNT CONTENT AREA ===== */
.woocommerce-MyAccount-content {
    flex: 1 !important; /* Content takes up remaining space */
    min-width: 0 !important; /* Prevents layout breakouts */
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
}

.woocommerce-MyAccount-content p {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.woocommerce-MyAccount-content p strong {
    color: #FF6600 !important;
}

.woocommerce-MyAccount-content p a {
    color: #FF6600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce-MyAccount-content p a:hover {
    color: #FF8533 !important;
    text-decoration: underline !important;
}

/* ===== ORDERS TABLE ===== */
.woocommerce-orders-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.woocommerce-orders-table thead th {
    background-color: #111111 !important;
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #333333 !important;
}

.woocommerce-orders-table tbody td,
.woocommerce-orders-table tbody th {
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #222222 !important;
    background-color: #1a1a1a !important;
}

.woocommerce-orders-table tbody tr:last-child td,
.woocommerce-orders-table tbody tr:last-child th {
    border-bottom: none !important;
}

.woocommerce-orders-table tbody tr:hover td,
.woocommerce-orders-table tbody tr:hover th {
    background-color: #222222 !important;
}

/* Order number link */
.woocommerce-orders-table__cell-order-number a {
    color: #FF6600 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-orders-table__cell-order-number a:hover {
    color: #FF8533 !important;
}

/* Order total */
.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
    color: #FF6600 !important;
    font-weight: 600 !important;
}

/* View button */
.woocommerce-orders-table .woocommerce-button.button.view {
    background-color: transparent !important;
    color: #FF6600 !important;
    border: 2px solid #FF6600 !important;
    border-radius: 50px !important;
    padding: 8px 24px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.woocommerce-orders-table .woocommerce-button.button.view:hover {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
}

/* ===== ADDRESSES SECTION ===== */
.woocommerce-Addresses {
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px !important;
}

.woocommerce-Addresses .woocommerce-Address {
    flex: 1 !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
}

.woocommerce-Address-title h2 {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.woocommerce-Address-title .edit {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    border: 1px solid #FF6600 !important;
    border-radius: 50px !important;
    padding: 6px 16px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-Address-title .edit:hover {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
}

.woocommerce-Addresses address {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 1.8 !important;
}

/* ===== PAYMENT METHODS ===== */
.woocommerce-PaymentMethods,
.woocommerce-Payment ul.payment_methods {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    list-style: none !important;
}

.woocommerce-PaymentMethod label,
.payment_method_woocommerce_payments > label {
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
}

.woocommerce-PaymentBox,
.payment_box {
    background-color: #111111 !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
}

.woocommerce-PaymentBox::before,
.payment_box::before {
    border-bottom-color: #111111 !important;
}

.wc-payment-form {
    background-color: #111111 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
}

/* ===== ACCOUNT DETAILS FORM ===== */
.woocommerce-EditAccountForm label,
.edit-account label {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-EditAccountForm .required,
.edit-account .required {
    color: #FF6600 !important;
}

.woocommerce-EditAccountForm input.input-text,
.woocommerce-EditAccountForm input.woocommerce-Input,
.edit-account input.input-text {
    background-color: #1a1a1a !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.3s ease !important;
}

.woocommerce-EditAccountForm input.input-text:focus,
.edit-account input.input-text:focus {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2) !important;
}

.woocommerce-EditAccountForm fieldset {
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-top: 24px !important;
}

.woocommerce-EditAccountForm fieldset legend {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 12px !important;
}

/* Show password button */
.woocommerce-EditAccountForm .show-password-input,
.woocommerce .show-password-input {
    color: #FF6600 !important;
}

/* Description text */
.woocommerce-EditAccountForm em,
.edit-account em {
    color: #999999 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 12px !important;
}

/* ===== LOGIN / REGISTER FORMS ===== */
#customer_login {
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px !important;
}

#customer_login .col-1,
#customer_login .col-2 {
    flex: 1 !important;
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 12px !important;
    padding: 32px !important;
}

#customer_login h2 {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

/* Form labels */
#customer_login label {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

#customer_login .required {
    color: #FF6600 !important;
}

/* Form inputs */
#customer_login input.input-text,
#customer_login input.woocommerce-Input {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

#customer_login input.input-text:focus,
#customer_login input.woocommerce-Input:focus {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2) !important;
}

/* Remember me checkbox */
#customer_login .woocommerce-form-login__rememberme {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
}

#customer_login .woocommerce-form-login__rememberme input[type="checkbox"] {
    accent-color: #FF6600 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Lost password link */
.woocommerce-LostPassword a {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce-LostPassword a:hover {
    color: #FF8533 !important;
    text-decoration: underline !important;
}

/* Register info text */
#customer_login .col-2 p {
    color: #999999 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
}

/* Privacy policy */
#customer_login .woocommerce-privacy-policy-text p {
    color: #999999 !important;
    font-size: 12px !important;
}

#customer_login .woocommerce-privacy-policy-text a {
    color: #FF6600 !important;
}

/* ===== ALL BUTTONS (My Account) ===== */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-Button,
#customer_login .button,
#customer_login .woocommerce-Button,
.woocommerce-MyAccount-content a.button,
#add_payment_method .button.alt {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
    border: 3px solid #CC5200 !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(255, 102, 0, 0.3) !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover,
#customer_login .button:hover,
#customer_login .woocommerce-Button:hover,
.woocommerce-MyAccount-content a.button:hover,
#add_payment_method .button.alt:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #FF6600 !important;
    box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4) !important;
}

/* ===== NOTICES (My Account) ===== */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-error {
    background-color: #1a1a1a !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 16px 20px 16px 50px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
    list-style: none !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
    border-left: 4px solid #FF6600 !important;
}

.woocommerce-MyAccount-content .woocommerce-message {
    border-left: 4px solid #4CAF50 !important;
}

.woocommerce-MyAccount-content .woocommerce-error {
    border-left: 4px solid #FF3333 !important;
}

.woocommerce-MyAccount-content .woocommerce-info::before {
    color: #FF6600 !important;
}

.woocommerce-MyAccount-content .woocommerce-message::before {
    color: #4CAF50 !important;
}

.woocommerce-MyAccount-content .woocommerce-error::before {
    color: #FF3333 !important;
}

.woocommerce-MyAccount-content .woocommerce-info a.button,
.woocommerce-MyAccount-content .woocommerce-info a.wc-forward {
    font-size: 13px !important;
    padding: 10px 24px !important;
    margin-left: 12px !important;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
    /* Stack Main Layout */
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        display: flex !important;
        gap: 0 !important;
    }

    /* Navigation - horizontal scroll on mobile */
    .woocommerce-MyAccount-navigation {
        width: 100% !important;
        flex: none !important;
        border-radius: 8px !important;
        margin-bottom: 24px !important;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        gap: 4px !important;
        padding: 4px !important;
        scrollbar-width: none !important;
    }

    .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none !important;
    }

    .woocommerce-MyAccount-navigation ul li {
        border-bottom: none !important;
        flex-shrink: 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 10px 16px !important;
        font-size: 13px !important;
        border-radius: 50px !important;
    }

    /* Login/Register stack vertically */
    #customer_login {
        flex-direction: column !important;
        display: flex !important;
    }

    #customer_login .col-1,
    #customer_login .col-2 {
        width: 100% !important;
        padding: 24px !important;
        margin-bottom: 20px !important;
    }

    #customer_login h2 {
        font-size: 20px !important;
    }

    /* Buttons - full width on mobile */
    .woocommerce-MyAccount-content .button,
    .woocommerce-MyAccount-content .woocommerce-Button,
    #customer_login .button,
    #customer_login .woocommerce-Button {
        width: 100% !important;
        text-align: center !important;
        padding: 14px 20px !important;
        font-size: 14px !important;
    }

    /* Orders table - responsive */
    .woocommerce-orders-table {
        border-radius: 8px !important;
    }

    .woocommerce-orders-table thead {
        display: none !important;
    }

    .woocommerce-orders-table tbody tr {
        display: block !important;
        padding: 16px !important;
        border-bottom: 1px solid #333333 !important;
        margin-bottom: 8px !important;
    }

    .woocommerce-orders-table tbody td,
    .woocommerce-orders-table tbody th {
        display: flex !important;
        justify-content: space-between !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #1f1f1f !important;
    }

    .woocommerce-orders-table tbody td::before,
    .woocommerce-orders-table tbody th::before {
        content: attr(data-title) !important;
        font-weight: 600 !important;
        color: #FF6600 !important;
        margin-right: 12px !important;
    }

    .woocommerce-orders-table .woocommerce-button.button.view {
        width: 100% !important;
        text-align: center !important;
        margin-top: 8px !important;
    }

    /* Addresses stack */
    .woocommerce-Addresses {
        flex-direction: column !important;
        display: flex !important;
        gap: 16px !important;
    }

    .woocommerce-Addresses .woocommerce-Address {
        width: 100% !important;
        padding: 20px !important;
    }
    
    .woocommerce-Address-title {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    /* Breadcrumb */
    .breadcrumb-title {
        font-size: 24px !important;
    }

    /* Account form */
    .woocommerce-EditAccountForm .form-row-first,
    .woocommerce-EditAccountForm .form-row-last,
    .edit-account .form-row-first,
    .edit-account .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-EditAccountForm fieldset {
        padding: 16px !important;
    }
}

@media (max-width: 480px) {

    #customer_login .col-1,
    #customer_login .col-2 {
        padding: 20px 16px !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .breadcrumb-title {
        font-size: 20px !important;
    }

    .woocommerce-Address-title {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* ============================================
   My Account - Address Edit Forms Dark Theme
   ============================================ */

/* ===== Form Headings ===== */
.woocommerce-address-fields h2,
.woocommerce-MyAccount-content > form > h2 {
    color: #FF6600 !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #333333 !important;
}

/* ===== Labels ===== */
.woocommerce-address-fields label {
    color: #CCCCCC !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-address-fields .required {
    color: #FF6600 !important;
}

.woocommerce-address-fields .optional {
    color: #666666 !important;
    font-size: 12px !important;
}

/* ===== Text Inputs ===== */
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields input[type="text"],
.woocommerce-address-fields input[type="email"],
.woocommerce-address-fields input[type="tel"] {
    background-color: #1a1a1a !important;
    color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields input[type="text"]:focus,
.woocommerce-address-fields input[type="email"]:focus,
.woocommerce-address-fields input[type="tel"]:focus {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2) !important;
}

.woocommerce-address-fields input::placeholder {
    color: #666666 !important;
}

/* ===== Select2 Dropdowns ===== */
.woocommerce-address-fields .select2-container--default .select2-selection--single {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    height: 48px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 14px !important;
    line-height: 48px !important;
    padding: 0 8px !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
    top: 0 !important;
    right: 10px !important;
}

.woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #FFFFFF transparent transparent transparent !important;
}

/* Select2 focus/open state */
.woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single,
.woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #FF6600 !important;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2) !important;
}

/* ===== Form Row Spacing ===== */
.woocommerce-address-fields .form-row {
    margin-bottom: 18px !important;
}

/* ===== Save Address Button ===== */
.woocommerce-address-fields button.button[name="save_address"] {
    background-color: #FF6600 !important;
    color: #FFFFFF !important;
    border: 3px solid #CC5200 !important;
    border-radius: 50px !important;
    padding: 14px 36px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 102, 0, 0.3) !important;
    margin-top: 8px !important;
}

.woocommerce-address-fields button.button[name="save_address"]:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border-color: #FF6600 !important;
    box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4) !important;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    .woocommerce-address-fields .form-row-first,
    .woocommerce-address-fields .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-address-fields button.button[name="save_address"] {
        width: 100% !important;
        text-align: center !important;
        padding: 14px 20px !important;
    }

    .woocommerce-address-fields h2,
    .woocommerce-MyAccount-content > form > h2 {
        font-size: 18px !important;
    }
}

/* ===== Login/Register Form Borders Fix ===== */

#customer_login .col-1,
#customer_login .col-2 {
    border-color: #333333 !important;
}

/* Inner fieldset / form borders */
#customer_login form,
#customer_login .woocommerce-form-login,
#customer_login .woocommerce-form-register {
    border: 1px solid #333333 !important;
}

/* Any nested fieldsets */
#customer_login fieldset {
    border: 1px solid #333333 !important;
}

/* Input field borders */
#customer_login input.input-text,
#customer_login input.woocommerce-Input {
    border-color: #333333 !important;
}

/* ===== Mobile Nav - Vertical like Desktop ===== */
@media (max-width: 768px) {

    .woocommerce-MyAccount-navigation {
        margin-bottom: 24px !important;
    }

    .woocommerce-MyAccount-navigation ul {
        display: block !important;
        overflow-x: visible !important;
        white-space: normal !important;
    }

    .woocommerce-MyAccount-navigation ul li {
        flex-shrink: unset !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        border-radius: 8px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */