/* Yavuz Plastik StockOS v1.7.33 — genel WordPress yönetici giriş ekranı */
:root{
  --yp-login-navy:#0b2d52;
  --yp-login-blue:#146fd1;
  --yp-login-orange:#f59a23;
  --yp-login-bg:#f4f7fb;
  --yp-login-line:#d7e2ee;
  --yp-login-text:#121b26;
  --yp-login-muted:#56697d;
}
html,body.login{min-width:0!important;min-height:100%!important}
body.login{
  margin:0!important;
  padding:24px!important;
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(20,111,209,.09),transparent 30%),
    radial-gradient(circle at 92% 92%,rgba(245,154,35,.08),transparent 24%),
    var(--yp-login-bg)!important;
  color:var(--yp-login-text)!important;
  font-family:"Poppins","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
body.login *{box-sizing:border-box!important}
body.login #login{
  width:min(430px,100%)!important;
  margin:0!important;
  padding:0!important;
}
body.login #login>h1{margin:0 0 14px!important}
body.login #login>h1 a{
  width:190px!important;
  height:58px!important;
  margin:0 auto!important;
  background-image:url("../yavuz/brand/Yavuz_Plastik_PET_Horizontal_Logo.png")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
body.login .mxso-login-card,
body.login #login>form{
  width:100%!important;
  margin:0!important;
  padding:28px 28px 24px!important;
  border:1px solid var(--yp-login-line)!important;
  border-top:4px solid var(--yp-login-blue)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(11,45,82,.10)!important;
}
body.login .mxso-login-card-heading{margin:0 0 20px!important;text-align:left!important}
body.login .mxso-login-lock{
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;margin:0 0 12px!important;
  border-radius:12px!important;background:#edf5ff!important;color:var(--yp-login-blue)!important;
  font-size:20px!important;font-weight:600!important;
}
body.login .mxso-login-card-heading h2{
  margin:0!important;color:var(--yp-login-text)!important;
  font-size:24px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.025em!important;
}
body.login .mxso-login-card-heading p{
  margin:7px 0 0!important;color:var(--yp-login-muted)!important;
  font-size:13px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:-.008em!important;
}
body.login form{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.login form p{margin:0 0 14px!important}
body.login form label{color:#283746!important;font-size:12.5px!important;line-height:1.45!important;font-weight:500!important}
body.login input[type="text"],body.login input[type="password"],body.login input[type="email"]{
  width:100%!important;min-height:52px!important;margin:7px 0 0!important;padding:11px 44px 11px 14px!important;
  border:1px solid #c7d5e4!important;border-radius:12px!important;background:#fff!important;color:#121b26!important;
  font-family:inherit!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;box-shadow:none!important;outline:0!important;
}
body.login input[type="text"]::placeholder,body.login input[type="password"]::placeholder,body.login input[type="email"]::placeholder{color:#718196!important;opacity:1!important}
body.login input:focus{border-color:var(--yp-login-blue)!important;box-shadow:0 0 0 3px rgba(20,111,209,.11)!important}
body.login .wp-pwd{position:relative!important}
body.login .button.wp-hide-pw{top:12px!important;right:6px!important;min-width:40px!important;min-height:40px!important;border:0!important;background:transparent!important;color:#63758a!important;box-shadow:none!important}
body.login .forgetmenot{float:none!important;margin:0 0 15px!important}
body.login .forgetmenot label{display:flex!important;align-items:center!important;gap:8px!important;font-weight:400!important}
body.login input[type="checkbox"]{width:19px!important;height:19px!important;margin:0!important;border:1px solid #9fb2c6!important;border-radius:5px!important;box-shadow:none!important}
body.login .submit{margin:0!important}
body.login #wp-submit{
  float:none!important;width:100%!important;min-height:52px!important;padding:0 18px!important;
  border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--yp-login-blue),#0b5db1)!important;color:#fff!important;
  font-family:inherit!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.01em!important;box-shadow:0 10px 22px rgba(20,111,209,.18)!important;
}
body.login #wp-submit:hover,body.login #wp-submit:focus{background:linear-gradient(135deg,#0f62bd,#084b91)!important}
body.login #login_error,body.login .message,body.login .success{
  margin:0 0 14px!important;padding:11px 13px!important;border:1px solid #d8e3ee!important;border-left:4px solid var(--yp-login-blue)!important;border-radius:10px!important;
  background:#f8fbfe!important;color:#344556!important;font-size:12.5px!important;line-height:1.55!important;box-shadow:none!important;
}
body.login .mxso-login-security-note{margin-top:17px!important;padding-top:14px!important;border-top:1px solid #e4ebf2!important;color:#63758a!important;text-align:center!important;font-size:11.5px!important;line-height:1.5!important;font-weight:400!important}
body.login .mxso-login-security-note span{margin-right:5px!important;color:var(--yp-login-blue)!important}
body.login #nav,body.login #backtoblog{margin:13px 0 0!important;padding:0!important;text-align:center!important}
body.login #nav a,body.login #backtoblog a{color:#52677c!important;font-size:12px!important;font-weight:400!important;text-decoration:none!important}
body.login .language-switcher,body.login .privacy-policy-page-link{display:none!important}

@media(max-width:640px){
  body.login{padding:12px!important;align-items:flex-start!important}
  body.login #login{width:100%!important;margin-top:10px!important}
  body.login #login>h1 a{width:160px!important;height:48px!important}
  body.login .mxso-login-card,body.login #login>form{padding:22px 16px 18px!important;border-radius:16px!important}
  body.login .mxso-login-card-heading h2{font-size:21px!important}
  body.login input[type="text"],body.login input[type="password"],body.login input[type="email"]{min-height:50px!important;font-size:16px!important}
  body.login #wp-submit{min-height:52px!important}
}
