.elementor-18014 .elementor-element.elementor-element-be39a25{--display:flex;--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;--margin-top:100px;--margin-bottom:200px;--margin-left:482px;--margin-right:0px;}.elementor-18014 .elementor-element.elementor-element-be39a25.e-con{--align-self:center;}.elementor-18014 .elementor-element.elementor-element-cbe5033 > .elementor-widget-container{margin:0px -86px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword form.woocommerce-ResetPassword .form-row label{font-size:16px;font-weight:600;color:#051527;margin:0px 0px 14px 0px;text-align:left;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword form.woocommerce-ResetPassword input.input-text{border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-radius:3px 3px 3px 3px;padding:8px 8px 8px 8px;margin:0px 0px -6px 0px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword button{color:var( --e-global-color-primary );background-color:#FFFFFF;padding:10px 170px 10px 170px;margin:28px 0px 0px 0px;border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-primary );border-radius:5px 5px 5px 5px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword button:hover{color:#FFFFFF;transition:0.4s;background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-18014 .elementor-element.elementor-element-be39a25{--margin-top:40px;--margin-bottom:117px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:4px;--padding-right:4px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword form.woocommerce-ResetPassword .form-row label{font-size:17px;margin:0px 0px 14px 0px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword form.woocommerce-ResetPassword input.input-text{padding:9px 9px 9px 9px;}.elementor-18014 .elementor-element.elementor-element-cbe5033 .woolentor-myaccount-form-lostpassword button{padding:10px 115px 10px 115px;}}@media(min-width:768px){.elementor-18014 .elementor-element.elementor-element-be39a25{--width:33%;}}/* Start custom CSS for wl-myaccount-lostpassword-form, class: .elementor-element-cbe5033 *//* Genel Ayarlar ve Ortak Değişkenler (Tüm formlar için geçerli) */
:root {
    --mr-langford-primary-brown: #492002;
    --mr-langford-dark-brown: #368f23d;
    --mr-langford-light-creme: #FFF9EB;
    --mr-langford-soft-beige: #F8F5F1;
    --mr-langford-light-border: #E6D5B8;
    --mr-langford-text-gray: #7A7A7A;
    --mr-langford-dark-text-gray: #4A3B31;
    --mr-langford-error-red: #cc0000; /* Daha zarif bir hata rengi */
}

body {
    font-family: 'Georgia', serif;
    color: var(--mr-langford-dark-text-gray);
    line-height: 1.7;
}

/* --- WooCommerce Kayıp Şifre Formu --- */
/* Bu form için yeni ve özel stiller */
form.woocommerce-ResetPassword.lost_reset_password { /* Formun ana kapsayıcısı */
    background-color: var(--mr-langford-light-creme);
    border: 1px solid var(--mr-langford-light-border);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    padding: 35px 20px;
    margin: 100px auto; /* Sayfada ortala ve ferah boşluklar bırak */
    max-width: 600px; /* Daha önceki formlarla tutarlı dar bir genişlik */
    box-sizing: border-box;
    font-family: 'Georgia', serif;
    color: var(--mr-langford-dark-text-gray);
    position: relative; /* Başlık ::before için */
}

/* WooCommerce Kayıp Şifre Formuna Başlık Ekleme */
/* "Şifremi unuttum" formu için özel başlık */
form.woocommerce-ResetPassword.lost_reset_password::before {
    content: "Lost Your Password?"; /* Başlık metni */
    display: block;
    font-family: 'Georgia', serif;
    font-size: 21px;
    font-weight: 700;
    color: var(--mr-langford-dark-brown);

    margin-bottom: 30px; /* Başlık ile form alanları arasında boşluk */
    letter-spacing: 0.5px;
    text-transform: none;
}

/* WooCommerce Form Satırları (label ve input kapsayıcısı) */
.woocommerce-form-row {
    margin-bottom: 20px !important; /* Satırlar arasında boşluk */
    display: block !important; /* Her alanı yeni satırda başlat */
    float: none !important; /* Float ayarlarını kaldır */
    width: 100% !important; /* Tam genişliği kapla */
    clear: both !important; /* Float'ları temizle */
}

.woocommerce-form-row label {
    color: var(--mr-langford-dark-text-gray);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px; /* Etiket ve input arasında boşluk */
    display: block; /* Label'ı her zaman yeni satırda başlat */
}

.woocommerce-form-row label .required {
    color: var(--mr-langford-error-red);
    margin-left: 5px;
}

.woocommerce-Input.woocommerce-Input--text.input-text {
    width: 100%;
    height: 48px; /* Daha dolgun input yüksekliği */
    padding: 12px 15px;
    border: 1px solid var(--wc-form-border-color); /* WooCommerce değişkenini kullan */
    border-radius: 5px; /* Yumuşak köşeler */
    background-color: var(--wc-content-bg); /* WooCommerce değişkenini kullan */
    color: var(--wc-secondary-text); /* WooCommerce değişkenini kullan */
    font-size: 16px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}

.woocommerce-Input.woocommerce-Input--text.input-text:focus {
    border-color: var(--mr-langford-light-border); /* Odaklandığında marka border rengi */
    box-shadow: 0 0 0 0.2rem rgba(var(--mr-langford-light-border), 0.25); /* Hafif gölge efekti */
    outline: none;
}

/* WooCommerce Submit Butonu */
.woocommerce-Button.button[type="submit"] {
    background-color: var(--mr-langford-primary-brown);
    color: var(--mr-langford-light-creme);
    border: 1px solid var(--mr-langford-primary-brown); /* Başlangıçta da border olsun */
    padding: 14px 30px; /* ORİJİNAL DOLGU KORUNDU */
    font-size: 19px;
    font-weight: 600;
    border-radius: 7px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: transform 0.2s ease; /* Sadece transform geçişi */
    margin-top: 25px; /* Form ile buton arasında boşluk */
    display: block; /* Butonu blok yap */
    margin-left: auto; /* Yatayda ortala */
    margin-right: auto; /* Yatayda ortala */
    letter-spacing: 0.5px;
}

/* WooCommerce Submit Butonu ::after (Işık Hüzmesi) */
.woocommerce-Button.button[type="submit"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; /* Başlangıçta butonun solunda gizli */
    width: 30%; /* Hüzmenin genişliği */
    height: 100%;
    background: rgba(255, 255, 255, 0.1); /* Hafif beyaz saydam hüzme */
    transform: skewX(-20deg); /* Açılı bir hüzme */
    transition: left 0.6s ease-out; /* Hüzmenin kayma hızı */
    z-index: -1; /* Hüzme butonun içeriğinin altında olsun */
}

/* WooCommerce Submit Butonu Hover Efekti */
.woocommerce-Button.button[type="submit"]:hover {
    background-color: var(--mr-langford-primary-brown); /* Kendi renginde kalsın */
    color: var(--mr-langford-light-creme); /* Yazı rengi kendi renginde kalsın */
    border-color: var(--mr-langford-primary-brown); /* Border rengi kendi renginde kalsın */
    transform: none; /* Herhangi bir transformasyonu kaldır */
    opacity: 1; /* Tam opaklık */
}

/* WooCommerce Submit Butonu Hover Efekti için ::after */
.woocommerce-Button.button[type="submit"]:hover::after {
    left: 100%; /* Hover'da butonun sağından dışarı kaydır */
}


/* WooCommerce Submit Butonu Active Efekti */
.woocommerce-Button.button[type="submit"]:active {
    background-color: var(--mr-langford-primary-brown); /* Aktif rengi aynı tut */
    color: var(--mr-langford-light-creme); /* Yazı rengini aynı tut */
    border-color: var(--mr-langford-primary-primary-brown); /* Aktif border rengi aynı tut */
    transform: none; /* Herhangi bir transformasyonu kaldır */
    opacity: 1; /* Tam opaklık */
}

/* Responsive Düzenleme */
@media (max-width: 768px) {
    form.woocommerce-ResetPassword.lost_reset_password {
        padding: 25px 20px;
        margin: 60px 15px;
        max-width: calc(100% - 30px);
    }

    form.woocommerce-ResetPassword.lost_reset_password::before {
        font-size: 22px;
    }

    .woocommerce-form-row label {
        font-size: 16px;
    }

    .woocommerce-Input.woocommerce-Input--text.input-text {
        height: 45px;
        font-size: 15px;
    }

    .woocommerce-Button.button[type="submit"] {
        font-size: 17px;
        padding: 12px 25px;
    }
}

@media (max-width: 480px) {
    form.woocommerce-ResetPassword.lost_reset_password {
        padding: 20px 15px;
        margin: 30px 10px;
        max-width: calc(100% - 20px);
    }

    form.woocommerce-ResetPassword.lost_reset_password::before {
        font-size: 19px;
    }

    .woocommerce-form-row label {
        font-size: 15px;
    }

    .woocommerce-Input.woocommerce-Input--text.input-text {
        height: 40px;
        font-size: 14px;
    }

    .woocommerce-Button.button[type="submit"] {
        font-size: 16px;
        padding: 10px 20px;
    }
}


/* WooCommerce Submit Butonunun GENİŞLİĞİNİ KESİN OLARAK AYARLAMA */
/* Bu kuralı mevcut CSS'inizin en SONUNA ekleyin */
.woocommerce-Button.button[type="submit"] {
    width: 490px !important; /* Butonun genişliğini 250px olarak ayarla */
    /* Veya içerikle orantılı ve daha esnek olması için: */
    /* max-width: 100% !important; */
    /* width: auto !important; */
    /* padding: 14px 30px !important; /* İç dolguyu da standart hale getir */
}

/* Eğer mobil görünümde de belirli bir genişlik sorunu yaşıyorsanız: */
@media (max-width: 768px) {
    .woocommerce-Button.button[type="submit"] {
        width: 100% !important; /* Mobil ve tabletlerde tam genişlik olsun */
        padding: 12px 20px !important; /* Mobil padding'i ayarla */
    }
}
@media (max-width: 480px) {
    .woocommerce-Button.button[type="submit"] {
        width: 100% !important; /* Ekstra küçük mobil cihazlarda da tam genişlik */
        padding: 10px 15px !important; /* Daha da küçük mobil padding'i ayarla */
    }
}/* End custom CSS */