.elementor-6237 .elementor-element.elementor-element-a426363{--display:flex;--background-transition:0.3s;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-heading .heading-decor svg{fill:var( --e-global-color-primary );}.elementor-6237 .elementor-element.elementor-element-b74eb4f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6237 .elementor-element.elementor-element-b74eb4f .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:80px;font-weight:700;line-height:88px;letter-spacing:-2px;}.elementor-6237 .elementor-element.elementor-element-622b8f89{--display:flex;--background-transition:0.3s;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:48px;--padding-right:48px;}@media(max-width:1024px){.elementor-6237 .elementor-element.elementor-element-a426363{--padding-top:24px;--padding-bottom:0px;--padding-left:24px;--padding-right:024px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-6237 .elementor-element.elementor-element-622b8f89{--padding-top:0px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-6237 .elementor-element.elementor-element-a426363{--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:16px;--padding-right:016px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-6237 .elementor-element.elementor-element-b74eb4f .elementor-heading-title{font-size:48px;line-height:48px;}.elementor-6237 .elementor-element.elementor-element-622b8f89{--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-a426363 */.elementor-6237 .elementor-element.elementor-element-a426363 {
    width: 100vw; /* Force width to be 100% of the SCREEN, not the container */
    max-width: 100vw;
    margin-left: calc(50% - 50vw); /* Pulls the container to the far left edge */
    margin-right: calc(50% - 50vw); /* Pulls the container to the far right edge */
    left: 0;
    right: 0;
}/* End custom CSS */
/* Start custom CSS for wc-elements, class: .elementor-element-b5d6eee *//* =========================================================
   MY ACCOUNT: ELEMENT STYLING (The "Theme Skin")
   ========================================================= */

/* 1. GLOBAL TYPOGRAPHY & RESET */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce {
    font-family: "Helvetica", sans-serif !important;
    color: #000000 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee a {
    color: #000000 !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee a:hover {
    opacity: 0.7 !important;
}

/* 2. NAVIGATION MENU (The Links) */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-top: 2px solid #000000 !important; /* Thick Top Line */
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eaeaea !important; /* Separators */
    margin: 0 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 15px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important; /* Bold Links */
    text-transform: uppercase !important;
    color: #000000 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #666666 !important; /* Active State styling */
    padding-left: 10px !important; /* Indent active */
}

/* 3. HEADERS (Hello User, Orders, Addresses) */
.elementor-6237 .elementor-element.elementor-element-b5d6eee h2, 
.elementor-6237 .elementor-element.elementor-element-b5d6eee h3 {
    font-family: "Helvetica", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #000000 !important; /* The Black Underline */
    margin-bottom: 25px !important;
}

/* 4. GENERAL TEXT (Paragraphs) */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}

/* 5. FORMS & INPUTS (Account Details / Login) */
/* Matching the Checkout Style Exactly */

.elementor-6237 .elementor-element.elementor-element-b5d6eee form .form-row {
    margin-bottom: 20px !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee label {
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
    color: #000000 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee input.input-text,
.elementor-6237 .elementor-element.elementor-element-b5d6eee input.input-email,
.elementor-6237 .elementor-element.elementor-element-b5d6eee input[type="password"],
.elementor-6237 .elementor-element.elementor-element-b5d6eee input[type="text"],
.elementor-6237 .elementor-element.elementor-element-b5d6eee textarea {
    background-color: #ffffff !important;
    border: 1px solid #666666 !important; /* The Darker Grey Border */
    border-radius: 0 !important; /* Square */
    padding: 12px 15px !important;
    font-size: 14px !important;
    color: #000000 !important;
    height: 50px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee input:focus {
    border-color: #000000 !important; /* Black Focus */
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee fieldset {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 20px 0 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee fieldset legend {
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    color: #000000 !important;
}

/* 6. ORDERS TABLE */
.elementor-6237 .elementor-element.elementor-element-b5d6eee table.my_account_orders {
    border: none !important;
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 14px !important;
}

/* Header */
.elementor-6237 .elementor-element.elementor-element-b5d6eee table.my_account_orders thead th {
    background: transparent !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    border-bottom: 2px solid #000000 !important;
    padding: 12px 10px !important;
    text-align: left !important;
}

/* Rows */
.elementor-6237 .elementor-element.elementor-element-b5d6eee table.my_account_orders tbody td {
    border-top: 1px solid #eaeaea !important;
    padding: 20px 10px !important;
    vertical-align: middle !important;
    color: #000000 !important;
}

/* The "View" Button inside table */
.elementor-6237 .elementor-element.elementor-element-b5d6eee table.my_account_orders .woocommerce-button {
    background: transparent !important;
    border: 1px solid #000000 !important;
    color: #000000 !important;
    padding: 8px 15px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
}
.elementor-6237 .elementor-element.elementor-element-b5d6eee table.my_account_orders .woocommerce-button:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

/* 7. ADDRESSES SECTION */
.elementor-6237 .elementor-element.elementor-element-b5d6eee address {
    font-style: normal !important;
    border: 1px solid #eaeaea !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: none !important; /* Remove default underline from this specific header wrapper */
}

/* "Edit" Link styling */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-Address-title a.edit {
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* 8. BUTTONS (Save Changes, etc.) */
.elementor-6237 .elementor-element.elementor-element-b5d6eee button, 
.elementor-6237 .elementor-element.elementor-element-b5d6eee input[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: "Helvetica", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 15px 30px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee button:hover, 
.elementor-6237 .elementor-element.elementor-element-b5d6eee input[type="submit"]:hover {
    background-color: #D9A762 !important; /* Gold */
    color: #000000 !important;
}

/* 9. NOTICES / ALERTS */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-message, 
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-info {
    border-top: 2px solid #000000 !important;
    background-color: #f9f9f9 !important;
    color: #000000 !important;
    padding: 15px 20px !important;
    margin-bottom: 25px !important;
    font-size: 13px !important;
}
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-message::before, 
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-info::before {
    color: #000000 !important;
}

/* =========================================================
   MY ACCOUNT: LAYOUT & SPACING (Fixed Mobile Stack)
   ========================================================= */

/* 1. DESKTOP SPLIT */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation {
    width: 25% !important;
    float: left !important;
    padding-right: 5% !important; /* The Gap */
    margin-right: 0 !important;
}

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-content {
    width: 70% !important;
    float: left !important;
    padding-top: 5px !important;
}

/* 2. OPTIONAL: REMOVE ICONS (Uncomment to hide icons) */

.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul li a:before,
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul li a i {
    display: none !important;
}


/* 3. MOBILE STACK (The Fix) */
@media (max-width: 768px) {
    
    /* Force the main container to stack vertically */
    .elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Reset Widths to Full Screen */
    .elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation,
    .elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important; /* Remove the gap padding */
        margin-right: 0 !important;
    }

    /* Add spacing below the menu */
    .elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation {
        margin-bottom: 40px !important;
        border-bottom: 2px solid #eaeaea !important; /* Optional separator line */
    }
    
    /* Clean up the list borders for mobile */
    .elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-MyAccount-navigation ul {
        border-top: 2px solid #000000 !important;
    }
}

/* =========================================================
   FIX: PASSWORD INPUT & LOGIN BACKGROUND
   ========================================================= */

/* 1. Fix the Short Password Field
   WooCommerce wraps password inputs in a span for the "eye" icon.
   We need to force that wrapper to be full width. */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row .password-input {
    width: 100% !important;
    display: block !important;
    position: relative !important;
}

/* Ensure the input inside that wrapper fills the space */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row .password-input input {
    width: 100% !important;
    box-sizing: border-box !important; /* Prevents padding from breaking layout */
}

/* 2. Remove the Grey Background from the Login Form 
   Matches the clean look of the Register form. */
.elementor-6237 .elementor-element.elementor-element-b5d6eee form.login,
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-form-login {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Ensure Labels align consistently */
.elementor-6237 .elementor-element.elementor-element-b5d6eee form .form-row label {
    display: block !important;
    margin-bottom: 8px !important; /* Space between label and input */
    width: 100% !important;
}

/* 4. Fix the "Show Password" Eye Icon positioning (Optional)
   Sometimes the icon floats incorrectly after making the input 100% */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce-password-strength {
    text-align: right !important;
}
.elementor-6237 .elementor-element.elementor-element-b5d6eee .show-password-input {
    top: 15px !important; /* Adjust if the eye is too high/low */
    right: 15px !important;
}

/* =========================================================
   CRITICAL FIX: LOGIN FORM LAYOUT
   ========================================================= */

/* 1. Kill the 'Flex' layout on the row 
   This forces the Label and the Input to stack on top of each other 
   instead of sitting side-by-side. */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* 2. Ensure the Password Wrapper fills the space 
   The 'eye' icon wrapper often collapses to a small size; this forces it open. */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row .password-input {
    width: 100% !important;
    display: block !important; 
    position: relative !important;
}

/* 3. Force the Input Field to full width */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row input.input-text,
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row input[type="password"] {
    width: 100% !important;
    box-sizing: border-box !important; /* Keeps padding inside width */
}

/* 4. Ensure Label is above and full width */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

/* =========================================================
   FIX: SHOW PASSWORD BUTTON (Targeting Specific Class)
   ========================================================= */

/* 1. Set the wrapper to Relative so we can position the button inside */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .woocommerce form .form-row .password-input {
    position: relative !important;
    display: block !important;
}

/* 2. Style the specific button class found in your HTML */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .show-password-input {
    /* OVERRIDE GLOBAL BUTTON STYLES */
    background-color: transparent !important; /* Remove Black Background */
    border: none !important;
    box-shadow: none !important;
    
    /* TEXT COLOR */
    color: #000000 !important; /* Make sure text is Black (not white-on-white) */
    
    /* POSITIONING & VISIBILITY */
    position: absolute !important;
    top: 50% !important;
    right: 15px !important; /* Move away from the edge */
    transform: translateY(-50%) !important; /* Perfectly center vertically */
    z-index: 9999 !important; /* Force it to sit ON TOP of the white input */
    
    /* SIZE & SPACING (Prevent it from being huge or invisible) */
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    
    /* FONT STYLES */
    font-family: "Helvetica", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    
    /* FORCE DISPLAY (In case it's hidden) */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 3. Hover Effect */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .show-password-input:hover {
    color: #666666 !important; /* Dark Grey on Hover */
    background: transparent !important;
    text-decoration: underline !important;
}

/* 4. SAFETY NET: If the button is empty, force text to appear */
/* (WooCommerce sometimes creates an empty button and fills it with JS. 
   This ensures "SHOW" appears even if JS is slow) */
.elementor-6237 .elementor-element.elementor-element-b5d6eee .show-password-input:empty::after {
    content: "Show";
    display: inline-block;
}
.elementor-6237 .elementor-element.elementor-element-b5d6eee .show-password-input.display-password:empty::after {
    content: "Hide";
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-622b8f89 */.elementor-6237 .elementor-element.elementor-element-622b8f89 {
    width: 100vw; /* Force width to be 100% of the SCREEN, not the container */
    max-width: 100vw;
    margin-left: calc(50% - 50vw); /* Pulls the container to the far left edge */
    margin-right: calc(50% - 50vw); /* Pulls the container to the far right edge */
    left: 0;
    right: 0;
}/* End custom CSS */