/* Sayfanın arka planı */
body.login {
    background-image: url('https://methodda.com/wp-content/themes/methodda/images/materials/methodda-login-background.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100vh;
    /* Ekran yüksekliğini kaplaması için */

    /* Flexbox ile içeriği ortalamak için */
    display: flex;
    justify-content: center;
    /* Yatayda ortala */
    align-items: center;
    /* Dikeyde ortala */
    flex-direction: column;
    /* Öğeleri dikeyde sırala */
}

#login {
    width: 468px;
    /* Formun kendi ortalama ayarları, body'den gelen flexbox ile birleşecek */
    margin: 0 auto;
    /* Eğer body flexbox kullanmasaydı yatayda ortalama için bu yeterli olurdu */
    padding: 20px;
    /* Mobil uyumluluk için kenarlardan boşluk bırak */
    box-sizing: border-box;
    /* Padding'in genişliği etkilememesi için */
}

/* Mobil cihazlar için #login genişliğini ayarla */
@media (max-width: 768px) {
    #login {
        width: 90%;
        /* Daha küçük ekranlarda genişliği %90 yap */
        max-width: 468px;
        /* Yine de çok geniş olmasını engelle */
    }
}

/* WordPress Logo Ayarları */
.login h1 a {
    background-image: url('https://methodda.com/wp-content/themes/methodda/images/materials/methodda-logo.png');
    /* Kendi logonuzun URL'sini buraya ekleyin */
    height: 100% !important;
    /* Logonuzun gerçek yüksekliğine göre ayarlayın */
    width: 100%;
    /* Genişliği otomatik ayarla */
    background-size: contain;
    /* Logonun tamamının görünmesini sağla */
    max-width: 250px;
    /* Maksimum genişlik */
    margin-bottom: 20px;
    /* Form ile arasında boşluk bırak */
}

.login h1 {
    /* Logo kapsayıcısının da ortalanması için */
    display: flex;
    justify-content: center;
    margin-top: 0;
    /* Üst boşluğu sıfırla */

}

/* Eğer logonuz doğrudan <img> etiketi ise */
.login h1 a img {
    height: 100%;
    /* Kapsayıcıya göre %100 yükseklik */
    max-width: 250px;
    /* Maksimum genişlik */
    width: auto;
    /* Oranı koru */
}


/* Formu içeren beyaz kutu */
body.login div#login form#loginform {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px) saturate(1.8);
    border-radius: 12px;
    padding: 40px;
}

/* Kullanıcı adı ve şifre alan etiketleri */
body.login div#login form#loginform p label {
    color: #000;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
    font-size: 14px;
}

/* Tüm giriş alanları (kullanıcı adı ve şifre) */
body.login div#login form#loginform input {
    border: none;
    box-shadow: none;
    padding: 6px 12px;
    border-radius: 12px;
}

.dashicons-visibility:before {
    content: "\f177";
    color: #000;
}

.dashicons-hidden:before {
    content: "\f530";
    color: #000;
}

.login .button.wp-hide-pw:focus {
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: none;
}

/* "Beni hatırla" alanı */
body.login div#login form#loginform p.forgetmenot {
    margin-bottom: 20px;
    /* Butonun altına boşluk ekler */
}

/* Gönder (Submit) butonu */
body.login div#login form#loginform p.submit input#wp-submit {
    background-color: #36b88a;
    /* İstediğiniz yeşil renk */
    color: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    /* Butonun genişliğini tam yapar */
}

/* "Şifrenizi mi kaybettiniz?" ve "Bloga geri dön" bağlantıları */
body.login div#login p#nav a,
body.login div#login p#backtoblog a {
    color: #000 !important;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
}

#backtoblog {
    display: none;
}

.login .privacy-policy-page-link a {
    color: #34b88a;
    display: none;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    color: #000;
    border-color: #000;
    background: #fff;
    vertical-align: top;
}

.wp-core-ui select {
    background-color: #fff;
}

.wp-core-ui select:hover {
    background-color: #f6f7f7;
    border-color: #000;
    color: #000;
}

.wp-core-ui select:focus {
    border-color: #000;
    color: #000;
    box-shadow: 0 0 0 1px #000;
}

.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
    background: #f6f7f7;
    border-color: #000;
    color: #000;
    box-shadow: 0 0 0 1px #000;
    outline: 2px solid transparent;
    outline-offset: 0;
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
    background: #f6f7f7;

    color: #000;
}

input[type=checkbox]:checked::before {
    /* Sağladığınız SVG'nin veri URI'sine dönüştürülmüş ve siyah yapılmış hali */
    content: url(data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20enable-background%3D%22new%200%200%20512%20512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22Layer_2_00000156571802360500473900000017784976073972501158_%22%3E%3Cg%20id%3D%22Layer_1_copy_10%22%3E%3Cg%20id%3D%22_48%22%3E%3Cpath%20d%3D%22m182.4%20449.6c-15.3%200-29.9-6.1-40.7-16.9l-124.9-124.8c-22.3-22.6-22.1-59%20.5-81.3%2022.4-22.1%2058.4-22.1%2080.8%200l84.2%2084.2%20231.5-231.5c22.3-22.6%2058.7-22.8%2081.3-.5s22.8%2058.7.5%2081.3c-.2.2-.3.3-.5.5l-272.1%20272.1c-10.8%2010.8-25.4%2016.9-40.6%2016.9z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);

    height: 0.7rem;
    width: 0.7rem;
    margin: 0.1rem 0.15rem;

    /* Tik işaretinin kutuya sığmasını sağlıyoruz */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#nav .wp-login-lost-password::before {
    /* Hatalı SVG'nin düzeltilmiş, veri URI'sine dönüştürülmüş ve siyah yapılmış hali */
    content: url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Ccircle%20cx%3D%22277.937%22%20cy%3D%22346%22%20r%3D%2220%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m344.937%2C471.999h-249c-22.056%2C0-40-17.944-40-40v-164c0-22.056%2C17.944-40%2C40-40h288c4.554%2C0%2C8.167%2C0.402%2C11.047%2C1.227c10.618%2C3.042%2C21.692-3.1%2C24.735-13.718c3.042-10.618-3.1-21.692-13.718-24.735c-6.513-1.866-13.73-2.773-22.064-2.773H359.9v-70.534C359.9%2C52.695%2C306.068%2C0%2C239.9%2C0s-120%2C52.695-120%2C117.466V188H95.937c-44.112%2C0-80%2C35.888-80%2C80v164c0%2C44.112%2C35.888%2C80%2C80%2C80h249c11.046%2C0%2C20-8.954%2C20-20C364.937%2C480.954%2C355.983%2C472%2C344.937%2C471.999z%20M159.9%2C117.466c0-42.715%2C35.888-77.466%2C80-77.466s80%2C34.751%2C80%2C77.466V188h-160V117.466z%22%20fill%3D%22%23000000%22%2F%3E%3Ccircle%20cx%3D%22202.937%22%20cy%3D%22346%22%20r%3D%2220%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M496.046%2C331.21c-0.438-38.789-32.13-70.21-71.021-70.21C385.863%2C261%2C354%2C292.862%2C354%2C332.025c0%2C11.046%2C8.954%2C20%2C20%2C20c11.046%2C0%2C20-8.954%2C20-20C394%2C314.918%2C407.918%2C301%2C425.026%2C301c17.108%2C0%2C31.025%2C13.918%2C31.025%2C31.025c0%2C0.182%2C0.002%2C0.363%2C0.007%2C0.543c-0.206%2C12.247-7.563%2C23.211-18.864%2C28.035c-19.541%2C8.345-32.168%2C27.618-32.168%2C49.101V427c0%2C11.046%2C8.954%2C20%2C20%2C20c11.046%2C0%2C20-8.954%2C20-20v-17.296c0-5.438%2C3.092-10.271%2C7.875-12.313c26.227-11.196%2C43.169-36.855%2C43.162-65.37C496.063%2C331.749%2C496.057%2C331.479%2C496.046%2C331.21z%22%20fill%3D%22%23000000%22%2F%3E%3Ccircle%20cx%3D%22424.937%22%20cy%3D%22492%22%20r%3D%2220%22%20fill%3D%22%23000000%22%2F%3E%3Ccircle%20cx%3D%22127.937%22%20cy%3D%22346%22%20r%3D%2220%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');

    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}

#lostpasswordform {
    margin: 24px 0;
    padding: 26px 24px;
    font-weight: 400;
    overflow: hidden;
    border: 1px solid #c3c4c7;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(12px) saturate(1.8);
    border-radius: 12px;
    padding: 40px;
}

#lostpasswordform input {
    border-radius: 12px;
    border: none;
}

#lostpasswordform input:focus {
    border-color: 12px;
    border: none;
    box-shadow: none;
}

/* Gönder (Submit) butonu */
body.login div#login form#lostpasswordform p.submit input#wp-submit {
    background-color: #36b88a;
    /* İstediğiniz yeşil renk */
    color: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: none;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    /* Butonun genişliğini tam yapar */
}

.login .message,
.login .notice,
.login .success {
    border: none;
    border-radius: 12px;
}

#nav .wp-login-log-in::before {
    /* Sağladığınız SVG'nin veri URI'sine dönüştürülmüş ve siyah yapılmış hali */
    content: url('data:image/svg+xml;utf8,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m10.25%2011.25h-9.5c-.414%200-.75-.336-.75-.75s.336-.75.75-.75h9.5c.414%200%20.75.336.75.75s-.336.75-.75.75z%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m6.5%2015c-.192%200-.384-.073-.53-.22-.293-.293-.293-.768%200-1.061l3.22-3.22-3.22-3.219c-.293-.293-.293-.768%200-1.061s.768-.293%201.061%200l3.75%203.75c.293.293.293.768%200%201.061l-3.75%203.75c-.147.147-.339.22-.531.22z%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m16%2024c-1.103%200-2-.897-2-2v-18c0-.855.544-1.618%201.354-1.899l6.008-2.003c1.344-.412%202.638.585%202.638%201.902v18c0%20.854-.544%201.616-1.353%201.898l-6.01%202.004c-.219.068-.422.098-.637.098zm6-22.5c-.065%200-.12.008-.179.026l-5.983%201.995c-.196.068-.338.266-.338.479v18c0%20.341.37.571.679.474l5.983-1.995c.195-.068.338-.266.338-.479v-18c0-.275-.224-.5-.5-.5z%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m8.75%205c-.414%200-.75-.336-.75-.75v-1.5c0-1.517%201.233-2.75%202.75-2.75h11.25c.414%200%20.75.336.75.75s-.336.75-.75.75h-11.25c-.689%200-1.25.561-1.25%201.25v1.5c0%20.414-.336.75-.75.75z%22%20fill%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22m14.75%2021h-4c-1.517%200-2.75-1.233-2.75-2.75v-1.5c0-.414.336-.75.75-.75s.75.336.75.75v1.5c0%20.689.561%201.25%201.25%201.25h4c.414%200%20.75.336.75.75s-.336.75-.75.75z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E');

    display: inline-block;
    /* İkonu boyutlandırılabilir hale getirir */
    width: 16px;
    /* İkonun genişliği */
    height: 16px;
    /* İkonun yüksekliği */
    vertical-align: middle;
    /* Metinle dikeyde hizalar */
    margin-right: 8px;
    /* İkon ile metin arasına boşluk bırakır */
    margin-top: -2px;
    /* Dikey konumda ince ayar yapar */
}