/*
 Theme Name: Hello Elementor Child
 Theme URI: https://example.com/
 Description: Child theme for Hello Elementor
 Author: ofek
 Author URI: https://example.com/
 Template: hello-elementor

 Version: 1.0.0
 Text Domain: hello-elementor-child
*/







/////my-account/lost-password/

/* === Layout container tweaks === */
#content.site-main,
.page-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 60px !important;
    padding-bottom: 80px !important;
}

/* Pull everything tighter together and constrain width */
.page-content .woocommerce {
    max-width: 480px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Page H1 "איפוס סיסמה" */
.page-header .entry-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 24px 0 !important;
    color: #FFFFFF !important;
    text-align: center !important;
}

/* Brand block (logo + tagline) */
.karkaot-reset-header {
    margin: 0 0 24px 0 !important;
    text-align: center !important;
}
.karkaot-reset-header img {
    max-width: 240px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
}
.karkaot-reset-header h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 16px 0 !important;
    color: #FFFFFF !important;
}
.karkaot-reset-header p {
    color: #FFFFFF !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 0 24px 0 !important;
}

/* Secondary headline "שחזור סיסמה" under the logo (if duplicated) */
.page-content .woocommerce h2 {
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

/* === Card style around the form === */
.woocommerce-ResetPassword.lost_reset_password {
    background-color: rgba(32,33,36,0.9) !important; /* #202124 but with slight transparency over black */
    border: 1px solid #C8993E !important;
    border-radius: 12px !important;
    box-shadow: 0 30px 80px rgba(0,0,0,0.9), 0 0 30px rgba(200,153,62,0.25) !important;
    max-width: 380px !important;
    width: 100% !important;
    padding: 28px 24px 24px !important;
    margin: 0 auto 24px auto !important;
    text-align: right !important;
    direction: rtl !important;
}

/* Instruction paragraph INSIDE the form */
.woocommerce-ResetPassword.lost_reset_password > p {
    text-align: right !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #FFFFFF !important;
    margin: 0 0 20px 0 !important;
}

/* The field row */
.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
    margin-bottom: 16px !important;
    width: 100% !important;
}

/* Field label */
.woocommerce-ResetPassword.lost_reset_password label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    color: #FFFFFF !important;
    text-align: right !important;
}

/* Required star */
.woocommerce-ResetPassword.lost_reset_password label .required {
    color: #ff4a4a !important;
    font-weight: 600 !important;
    margin-right: 4px !important;
}

/* Input itself */
.woocommerce-ResetPassword.lost_reset_password input[type="text"],
.woocommerce-ResetPassword.lost_reset_password input[type="email"],
.woocommerce-ResetPassword.lost_reset_password input[type="password"] {
    background-color: #000000 !important;
    border: 1px solid #C8993E !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    width: 100% !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    outline: none !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Input focus glow */
.woocommerce-ResetPassword.lost_reset_password input[type="text"]:focus,
.woocommerce-ResetPassword.lost_reset_password input[type="email"]:focus,
.woocommerce-ResetPassword.lost_reset_password input[type="password"]:focus {
    border-color: #C8993E !important;
    box-shadow: 0 0 8px rgba(200,153,62,0.4) !important;
}

/* Placeholder color */
.woocommerce-ResetPassword.lost_reset_password input::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

/* Button row */
.woocommerce-ResetPassword.lost_reset_password .form-row {
    text-align: center !important;
}

/* Submit button */
.woocommerce-ResetPassword.lost_reset_password button[type="submit"],
.woocommerce-ResetPassword.lost_reset_password input[type="submit"],
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button {
    background-color: #C8993E !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 16px !important;
    width: 100% !important;
    cursor: pointer !important;
    text-align: center !important;
    font-family: "Assistant", Arial, sans-serif !important;
    box-shadow: 0 10px 30px rgba(200,153,62,0.4) !important;
    transition: all .15s ease-in-out !important;
}
.woocommerce-ResetPassword.lost_reset_password button[type="submit"]:hover,
.woocommerce-ResetPassword.lost_reset_password input[type="submit"]:hover,
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button:hover {
    filter: brightness(1.07) !important;
    box-shadow: 0 16px 40px rgba(200,153,62,0.55) !important;
}

/* Clear div fix */
.woocommerce-ResetPassword.lost_reset_password .clear {
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    clear: both !important;
}

/* === Footer / Support block === */
.karkaot-reset-footer {
    margin-top: 28px !important;
    text-align: center !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    direction: rtl !important;
}
.karkaot-reset-footer a {
    color: #C8993E !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.karkaot-reset-footer a:hover {
    text-decoration: underline !important;
}

/* "חזרה למסך ההתחברות" link gets a little spacing */
.karkaot-reset-footer > div {
    margin-bottom: 12px !important;
}

/* Bottom signature block */
.karkaot-reset-footer p[style*="border-top"] {
    border-top: 1px solid #C8993E !important;
    padding-top: 12px !important;
    margin-top: 20px !important;
    color: #FFFFFF !important;
    text-align: center !important;
}
.karkaot-reset-footer p[style*="border-top"] span {
    color: #C8993E !important;
    font-weight: 600 !important;
}

/* make sure email line wraps nicely on mobile */
.karkaot-reset-footer p {
    word-break: break-word !important;
}

/* === Responsiveness === */
@media (max-width:480px) {
    .page-header .entry-title {
        font-size: 20px !important;
    }
    .karkaot-reset-header img {
        max-width: 200px !important;
    }
    .karkaot-reset-header h2 {
        font-size: 18px !important;
    }
    .woocommerce-ResetPassword.lost_reset_password {
        max-width: 90% !important;
    }
    .woocommerce-ResetPassword.lost_reset_password input[type="text"],
    .woocommerce-ResetPassword.lost_reset_password input[type="email"],
    .woocommerce-ResetPassword.lost_reset_password input[type="password"] {
        font-size: 16px !important;
    }
    .woocommerce-ResetPassword.lost_reset_password button[type="submit"],
    .woocommerce-ResetPassword.lost_reset_password input[type="submit"],
    .woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button {
        font-size: 16px !important;
    }
}






/* === FORCE wider input field on lost password page === */

/* Remove layout constraints from Woo wrappers */
.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row,
.woocommerce-ResetPassword.lost_reset_password .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: right !important;
}

/* Expand the actual field */
.woocommerce-ResetPassword.lost_reset_password input[type="text"],
.woocommerce-ResetPassword.lost_reset_password input[type="email"],
.woocommerce-ResetPassword.lost_reset_password input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    margin: 0 !important;
}

/* Optional: if the input still looks short, neutralize any column layout */
.woocommerce-ResetPassword.lost_reset_password p.form-row-first,
.woocommerce-ResetPassword.lost_reset_password p.form-row-last,
.woocommerce-ResetPassword.lost_reset_password p.form-row-wide {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
}





/* Make the lost password input row full-width */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row-first,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row-last {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: right !important;
    margin: 0 0 16px 0 !important;
}

/* Now force the actual input to fill that row */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row input.woocommerce-Input,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row input.input-text,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row input[type="text"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row input[type="email"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;

    background-color: #000000 !important;
    border: 1px solid #C8993E !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Make sure the label sits above the input nicely and aligns right */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row > label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    text-align: right !important;
    direction: rtl !important;
    margin-bottom: 6px !important;

    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* Optional: make the submit button match width visually with the input */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row {
    text-align: center !important;
}
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row button[type="submit"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row .woocommerce-Button.button {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 10px !important;
    background-color: #C8993E !important;
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 16px !important;
    box-shadow: 0 10px 30px rgba(200,153,62,0.4) !important;
    border: none !important;
    cursor: pointer !important;
}
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row button[type="submit"]:hover,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row .woocommerce-Button.button:hover {
    filter: brightness(1.07) !important;
    box-shadow: 0 16px 40px rgba(200,153,62,0.55) !important;
}



/* 1. Make the row that holds the label+input act like a full-width block */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
    float: none !important;
    clear: both !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

/* 2. Force the label to sit above the input and align right */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > label {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    text-align: right !important;
    direction: rtl !important;

    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* 3. Now force the INPUT itself to stretch full width of the card */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > input.woocommerce-Input,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > input.input-text,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > input[type="text"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > input[type="email"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first > input[type="password"] {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    background-color: #000000 !important;
    border: 1px solid #C8993E !important;
    border-radius: 10px !important;

    padding: 12px 14px !important;
    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    outline: none !important;
    box-shadow: none !important;

    direction: rtl !important;
    text-align: right !important;
}

/* 4. Button row: match width for visual consistency */
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row {
    float: none !important;
    clear: both !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    text-align: center !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > button.woocommerce-Button.button,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > button[type="submit"],
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > .woocommerce-Button.button {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 10px !important;
    background-color: #C8993E !important;
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 12px 16px !important;
    box-shadow: 0 10px 30px rgba(200,153,62,0.4) !important;
    border: none !important;
    cursor: pointer !important;
}
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > button.woocommerce-Button.button:hover,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > button[type="submit"]:hover,
.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row > .woocommerce-Button.button:hover {
    filter: brightness(1.07) !important;
    box-shadow: 0 16px 40px rgba(200,153,62,0.55) !important;
}

/* 5. Just to be extra sure: kill any theme min/max-width on #user_login */
#user_login {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
}