.elementor-9440 .elementor-element.elementor-element-d3ea578{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9440 .elementor-element.elementor-element-884742f h2{margin:10px 10px 10px 10px;text-align:center;}.elementor-9440 .elementor-element.elementor-element-884742f form.woocommerce-form-login .form-row label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-align:left;}.elementor-9440 .elementor-element.elementor-element-884742f form.woocommerce-form-login input.input-text:not(.select2), .elementor-9440 .elementor-element.elementor-element-884742f .select2-container .select2-selection--single{border-style:solid;border-width:0.5px 0.5px 0.5px 0.5px;}.elementor-9440 .elementor-element.elementor-element-884742f form.woocommerce-form-login input.input-text:not(.select2){border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-9440 .elementor-element.elementor-element-884742f .select2-container .select2-selection--single{border-radius:0px 0px 0px 0px;}.elementor-9440 .elementor-element.elementor-element-884742f .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:10px;padding-right:10px;}.elementor-9440 .elementor-element.elementor-element-884742f .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );}.elementor-9440 .elementor-element.elementor-element-884742f .select2-container--default .select2-selection--single{height:auto;}.elementor-9440 .elementor-element.elementor-element-884742f .button{padding:0px 50px 0px 050px;}.elementor-9440 .elementor-element.elementor-element-9de2a8c h2{margin:10px 10px 10px 10px;text-align:center;}.elementor-9440 .elementor-element.elementor-element-9de2a8c form.woocommerce-form-register input.input-text:not(.select2), .elementor-9440 .elementor-element.elementor-element-9de2a8c .select2-container .select2-selection--single{border-style:solid;border-width:0.5px 0.5px 0.5px 0.5px;}.elementor-9440 .elementor-element.elementor-element-9de2a8c form.woocommerce-form-register input.input-text:not(.select2){border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-9440 .elementor-element.elementor-element-9de2a8c .select2-container .select2-selection--single{border-radius:0px 0px 0px 0px;}.elementor-9440 .elementor-element.elementor-element-9de2a8c .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:10px;padding-right:10px;}.elementor-9440 .elementor-element.elementor-element-9de2a8c .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );}.elementor-9440 .elementor-element.elementor-element-9de2a8c .select2-container--default .select2-selection--single{height:auto;}.elementor-9440 .elementor-element.elementor-element-9de2a8c .button{padding:0px 50px 0px 50px;}@media(max-width:1024px){.elementor-9440 .elementor-element.elementor-element-d3ea578{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9440 .elementor-element.elementor-element-d3ea578{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for jet-myaccount-login-form, class: .elementor-element-884742f *//* --- DESIGN: "Inside Top-Left" Inset Labels for My Account Login --- */

/* 1. Target the main widget container */
.elementor-widget-jet-myaccount-login-form .woocommerce-form-login {
    padding-top: 15px; /* Add space so the first label doesn't get cut off */
}

/* 2. Make the container for each field 'relative' */
/* We only target .form-row-wide to avoid hitting the 'Remember me' checkbox */
.elementor-widget-jet-myaccount-login-form .form-row-wide {
    position: relative !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important; /* Add space between fields */
}

/* 3. Style the input boxes to make space */
.elementor-widget-jet-myaccount-login-form .form-row-wide input.input-text {
    /* Add extra padding at the top to make room for the label */
    padding-top: 28px !important; 
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    margin: 0 !important; /* Reset margin */
}

/* 4. Position the label */
/* Target labels that are direct children of .form-row-wide */
.elementor-widget-jet-myaccount-login-form .form-row-wide > label {
    position: absolute !important; /* Lifts the label out of flow */
    left: 12px !important;         /* Aligns to the left, inside the box */
    top: 8px !important;           /* Aligns to the top, inside the box */
    font-size: 11px !important;    /* Makes the label text smaller */
    font-weight: 600 !important;
    color: #888 !important;         /* Makes the label a light grey */
    margin: 0 !important;
    z-index: 1;                    /* Ensures label is on top of the input */
    line-height: 1 !important;
}

/* 5. Ensure the password field's wrapper doesn't break layout */
.elementor-widget-jet-myaccount-login-form .password-input {
    display: block !important;
    width: 100% !important;
}

/* --- Center Login Button & Lost Password Link --- */

/* 1. Center the 'Lost your password?' link */
.elementor-widget-jet-myaccount-login-form .woocommerce-LostPassword {
    text-align: center !important;
}

/* 2. Center the 'Log in' button */
.elementor-widget-jet-myaccount-login-form button.woocommerce-form-login__submit {
    display: block !important;      /* Make it a block-level element */
    float: none !important;         /* Disable any floats */
    width: 90%;                   /* Make it wide, but not 100% */
    max-width: 350px;             /* Set a max-width for large screens */
    margin-left: auto !important;   /* Auto margins left and right */
    margin-right: auto !important;  /* ...will center a block element */
    margin-top: 20px !important;    /* Add some space above the button */
}

/* 3. Tidy up the 'Remember me' checkbox to ensure it stays left-aligned */
.elementor-widget-jet-myaccount-login-form .woocommerce-form-login__rememberme {
    display: block !important;      /* Ensure it takes its own line */
    text-align: left !important;
    margin-bottom: 15px !important;
}/* End custom CSS */
/* Start custom CSS for jet-myaccount-registration-form, class: .elementor-element-9de2a8c *//* --- DESIGN: "Inside Top-Left" Inset Labels for My Account Forms --- */

/* 1. Target both login and register widget containers */
.elementor-widget-jet-myaccount-login-form .woocommerce-form-login,
.elementor-widget-jet-myaccount-registration-form .woocommerce-form-register {
    padding-top: 15px; /* Add space so the first label doesn't get cut off */
}

/* 2. Make the container for each text field 'relative' */
/* We target .form-row-wide to style only the text/email/password fields */
.elementor-widget-jet-myaccount-login-form .form-row-wide,
.elementor-widget-jet-myaccount-registration-form .form-row-wide {
    position: relative !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important; /* Add space between fields */
}

/* 3. Style the input boxes to make space for the label */
.elementor-widget-jet-myaccount-login-form .form-row-wide input.input-text,
.elementor-widget-jet-myaccount-registration-form .form-row-wide input.input-text {
    padding-top: 28px !important; /* Extra padding at the top */
    padding-bottom: 10px !important;
    padding-left: 12px !important;
    margin: 0 !important; /* Reset margin */
}

/* 4. Position the labels inside the top-left */
/* Targets labels that are direct children of .form-row-wide */
.elementor-widget-jet-myaccount-login-form .form-row-wide > label,
.elementor-widget-jet-myaccount-registration-form .form-row-wide > label {
    position: absolute !important; /* Lifts the label out of flow */
    left: 12px !important;         /* Aligns to the left, inside the box */
    top: 8px !important;           /* Aligns to the top, inside the box */
    font-size: 11px !important;    /* Makes the label text smaller */
    font-weight: 600 !important;
    color: #888 !important;         /* Makes the label a light grey */
    margin: 0 !important;
    z-index: 1;                    /* Ensures label is on top of the input */
    line-height: 1 !important;
}

/* 5. (For Login Form) Ensure the password field's wrapper doesn't break layout */
.elementor-widget-jet-myaccount-login-form .password-input {
    display: block !important;
    width: 100% !important;
}

/* --- Center Register Button --- */

.elementor-widget-jet-myaccount-registration-form button.woocommerce-form-register__submit {
    display: block !important;      /* Make it a block-level element */
    float: none !important;         /* Disable any floats */
    width: 90%;                   /* Make it wide, but not 100% */
    max-width: 350px;             /* Set a max-width for large screens */
    margin-left: auto !important;   /* Auto margins left and right */
    margin-right: auto !important;  /* ...will center a block element */
    margin-top: 20px !important;    /* Add some space above the button */
}

/* (Optional) Tidy up the privacy text above the button */
.elementor-widget-jet-myaccount-registration-form .woocommerce-privacy-policy-text {
    margin-bottom: 15px !important;
}/* End custom CSS */