/* 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 */
  }