/* Standart wp-login.php için Yavuz Plastik kurumsal responsive görünüm */
:root{--ypbs-login-petrol:#205058;--ypbs-login-dark:#173f46;--ypbs-login-turquoise:#79d8d0}
body.login{min-height:100dvh;background:linear-gradient(145deg,#eef7f6 0,#f8fbfd 48%,#dceef2 100%);font-family:Poppins,"Segoe UI",Arial,sans-serif;color:#173f46}
body.login:before{content:"";position:fixed;inset:0 50% 0 0;background:linear-gradient(145deg,#173f46,#205058);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);pointer-events:none}
body.login #login{position:relative;width:min(430px,calc(100% - 30px));padding:7vh 0 30px;margin-left:62%;transform:translateX(-50%)}
body.login h1 a{width:260px;height:90px;margin-bottom:22px;background-image:url("images/yavuz-logo-mark.svg");background-size:contain;background-position:center;background-repeat:no-repeat}
body.login form{padding:30px;border:1px solid #ccdcdf;border-radius:18px;background:#fff;box-shadow:0 20px 54px rgba(23,63,70,.14)}
body.login label{color:#29464e;font-size:13px;font-weight:500}
body.login input[type=text],body.login input[type=password]{min-height:52px;margin-top:6px;padding:10px 13px;border:1px solid #bfcfd3;border-radius:10px;background:#fff;color:#173f46;font-size:17px;font-weight:400;line-height:1.4;box-shadow:none}
body.login input:focus{border-color:#205058;box-shadow:0 0 0 4px rgba(32,80,88,.1);outline:none}
body.login .button-primary{min-height:48px;padding:0 18px;border:0;border-radius:10px;background:#205058;color:#fff;font-size:14px;font-weight:500;text-shadow:none;box-shadow:none}
body.login .button-primary:hover,body.login .button-primary:focus{background:#173f46}
body.login .button.wp-hide-pw{color:#205058}
body.login #nav,body.login #backtoblog{text-align:center}
body.login #nav a,body.login #backtoblog a{color:#29464e;font-weight:500}
body.login .message,body.login #login_error{border-left:4px solid #205058;border-radius:8px;background:#fff;box-shadow:none}
body.login .privacy-policy-page-link{margin-top:16px}
@media(max-width:900px){
  body.login:before{display:none}
  body.login #login{width:min(430px,calc(100% - 24px));margin:0 auto;transform:none;padding:24px 0}
  body.login h1 a{height:76px;margin-bottom:12px}
}
@media(max-width:480px){
  body.login #login{padding:12px 0 24px}
  body.login form{padding:22px 18px;border-radius:14px}
  body.login h1 a{width:220px;height:66px}
  body.login input[type=text],body.login input[type=password]{min-height:50px}
  body.login .button-primary{width:100%;margin-top:10px}
}
@media(orientation:landscape) and (max-height:520px){
  body.login #login{padding:8px 0}
  body.login h1 a{height:48px;margin-bottom:5px}
  body.login form{padding:16px 20px}
}
