/* ==========================================================
   POPULYAR.AZ — Fərdi login səhifəsi (wp-login.php)
   ========================================================== */

body.login {
	background: linear-gradient(135deg, #150F3D 0%, #2A1F5E 45%, #3A1F4E 75%, #2A1F5E 100%) !important;
	background-size: 300% 300% !important;
	animation: populyar-gradient-shift 14s ease infinite;
	font-family: 'Manrope', -apple-system, sans-serif !important;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	position: relative;
	overflow-x: hidden;
}

@keyframes populyar-gradient-shift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Ambient işıq "orb"ları — dərinlik effekti */
body.login::before,
body.login::after {
	content: "";
	position: fixed;
	border-radius: 50%;
	filter: blur(70px);
	opacity: .35;
	z-index: 0;
	pointer-events: none;
}
body.login::before {
	width: 360px; height: 360px;
	background: radial-gradient(circle, #FF5A36, transparent 70%);
	top: -80px; left: -100px;
	animation: populyar-orb-float 9s ease-in-out infinite;
}
body.login::after {
	width: 420px; height: 420px;
	background: radial-gradient(circle, #7C5CFC, transparent 70%);
	bottom: -120px; right: -120px;
	animation: populyar-orb-float 11s ease-in-out infinite reverse;
}
@keyframes populyar-orb-float {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(24px, -18px) scale(1.08); }
}

.login h1, .login #login { position: relative; z-index: 1; }

@media (prefers-reduced-motion: reduce) {
	body.login { animation: none; }
	body.login::before, body.login::after { animation: none; }
}

/* ---------- Logo ---------- */
.login h1 { margin-bottom: 4px; }

.login h1 a {
	background-image: none !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	font-size: 26px;
	font-weight: 800;
	color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	line-height: 1.2;
	margin-bottom: 6px;
}

.login h1 a::before {
	content: "P";
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(135deg, #FF5A36, #FF8A45);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
	animation: populyar-logo-in .5s cubic-bezier(.22,.61,.36,1);
	font-weight: 800;
	box-shadow: 0 8px 22px rgba(255, 90, 54, .45);
}

.login h1 a::after {
	content: "populyar.az";
}

/* Orijinal mətni gizlət, yalnız ::after göstərilsin */
.login h1 a { font-size: 0 !important; }
.login h1 a::after { font-size: 24px; }

/* ---------- Alt başlıq ---------- */
.login #login::before {
	content: "Redaksiya panelinə giriş";
	display: block;
	text-align: center;
	color: #9992CC;
	font-size: 12.5px;
	margin-bottom: 18px;
	letter-spacing: .01em;
}

/* ---------- Form kartı ---------- */
.login form {
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 18px !important;
	box-shadow: 0 20px 44px rgba(0, 0, 0, .35) !important;
	padding: 26px 24px !important;
	backdrop-filter: blur(10px);
	margin-top: 0;
	animation: populyar-login-in .5s cubic-bezier(.22,.61,.36,1);
}
@keyframes populyar-login-in {
	from { opacity: 0; transform: translateY(14px) scale(.98); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
	.login form { animation: none; }
}

.login label {
	color: #C9C3FF !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: rgba(0, 0, 0, .25) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 10px !important;
	color: #ffffff !important;
	font-size: 14px !important;
	padding: 11px 13px !important;
	box-shadow: none !important;
	margin-bottom: 4px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #FF5A36 !important;
	box-shadow: 0 0 0 3px rgba(255, 90, 54, .22) !important;
	outline: none;
}

.login .button.wp-hide-pw {
	color: #9992CC !important;
}

/* ---------- "Məni xatırla" ---------- */
.login .forgetmenot label {
	color: #9992CC !important;
	font-weight: 500 !important;
}

.login input[type="checkbox"] {
	background: rgba(0, 0, 0, .25);
	border-color: rgba(255, 255, 255, .25);
}

.login input[type="checkbox"]:checked::before {
	content: "\f147";
	color: #FF5A36;
}

/* ---------- Giriş düyməsi ---------- */
.login .button-primary {
	background: linear-gradient(135deg, #FF5A36, #FF8A45) !important;
	border: none !important;
	border-radius: 11px !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	height: auto !important;
	padding: 12px 22px !important;
	text-shadow: none !important;
	box-shadow: 0 8px 22px rgba(255, 90, 54, .4) !important;
	transition: transform .15s ease;
	width: 100%;
	float: none;
}

.login .button-primary:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #FF6B4A, #FF9A5A) !important;
}

.login .submit { text-align: center; }

/* ---------- Altdakı linklər ---------- */
.login #nav,
.login #backtoblog {
	text-align: center;
	padding: 10px 0 0;
}

.login #nav a,
.login #backtoblog a {
	color: #9992CC !important;
	font-size: 12.5px;
	font-weight: 600;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #FF7A50 !important;
}

/* ---------- Bildiriş mesajları ---------- */
.login .message,
.login #login_error {
	background: rgba(255, 255, 255, .08) !important;
	border-left: 4px solid #FF5A36 !important;
	color: #E8E4FF !important;
	border-radius: 10px;
	box-shadow: none !important;
	font-size: 13px;
	padding: 12px 14px !important;
}

/* ---------- "Dil" seçici (çoxdilli quraşdırmalar üçün) ---------- */
.login .language-switcher select {
	background: rgba(0, 0, 0, .25);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 8px;
}

.login .language-switcher label {
	color: #9992CC !important;
}

/* ---------- Gizlədilən WP elementləri ---------- */
.login .privacy-policy-page-link { display: none; }

/* ---------- Mobil ---------- */
@media (max-width: 480px) {
	.login form { padding: 20px 18px !important; }
	#login { width: 92% !important; padding: 20px 0 !important; }
}

/* ==========================================================
   İKİPANELLİ DÜZÜLÜŞ + KİÇİK DETALLAR (v3.3)
   Sol brend paneli yalnız geniş ekranda (≥900px) görünür;
   dar ekranda əvvəlki tək kart düzülüşü dəyişmir.
   ========================================================== */
.pop-login-brand{display:none;}

/* Caps Lock xəbərdarlığı */
.pop-caps-warning{
	display:inline-flex;align-items:center;gap:6px;
	background:rgba(255,176,32,.14);color:#FFD37A;border:1px solid rgba(255,176,32,.3);
	border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;margin:-2px 0 14px;
}
.pop-caps-warning[hidden]{display:none;}

/* Göndərmə vəziyyəti */
.login form.is-submitting .button-primary{opacity:.75;pointer-events:none;}

/* Xətada titrəmə (hərəkəti azaltma tənzimləməsinə hörmət) */
@keyframes populyar-shake{
	10%,90%{transform:translateX(-2px);}
	20%,80%{transform:translateX(4px);}
	30%,50%,70%{transform:translateX(-7px);}
	40%,60%{transform:translateX(7px);}
}
@media (prefers-reduced-motion: no-preference){
	.login form.pop-shake{animation:populyar-shake .45s ease both;}
}

@supports (display:grid){
@media (min-width:900px){
	body.login.pop-login{
		display:grid;
		grid-template-columns:minmax(0,5fr) minmax(0,6fr);
		grid-template-rows:1fr auto;
		align-items:stretch;justify-items:stretch;
		padding:0;min-height:100vh;
	}
	/* Defolt: bütün birbaşa uşaqlar sağ sütuna */
	body.login.pop-login > *{grid-column:2;}

	body.login.pop-login > .pop-login-brand{
		grid-column:1;grid-row:1 / span 2;
		display:flex;flex-direction:column;justify-content:space-between;gap:32px;
		padding:48px 44px;position:relative;z-index:1;
		background:rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.08);
		color:#E8E4FF;
	}
	body.login.pop-login > #login{
		grid-row:1;align-self:center;justify-self:center;
		width:380px;max-width:100%;margin:0;padding:32px 0;
	}
	body.login.pop-login > .language-switcher{grid-row:2;justify-self:center;}

	/* Sol paneldə brend var — sağdakı təkrar loqo/alt başlıq/qeyd gizlənir.
	   Loqo başlığı (h1) görünməz saxlanılır (oxuyucu proqramlar üçün). */
	body.pop-login #login h1{
		position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;
	}
	body.pop-login #login::before{display:none;}
	body.pop-login .pop-login-copy{display:none;}

	.plb-logo{display:flex;align-items:center;gap:12px;}
	.plb-mark{
		width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;
		background:linear-gradient(135deg,#FF5A36,#FF8A45);color:#fff;font-weight:800;font-size:20px;
		box-shadow:0 8px 22px rgba(255,90,54,.4);
	}
	.plb-name{font-size:22px;font-weight:800;color:#fff;}
	.plb-name span{color:#FF7A50;}
	.plb-greeting{font-size:14px;color:#C9C3FF;margin:0 0 6px;}
	.plb-title{font-size:34px;font-weight:800;color:#fff;line-height:1.15;margin:0 0 28px;max-width:360px;}
	.plb-stat{
		background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
		border-radius:14px;padding:14px 16px;margin-bottom:10px;max-width:360px;
	}
	.plb-stat span{display:block;font-size:12px;color:#9992CC;margin-bottom:3px;}
	.plb-stat strong{font-size:22px;color:#fff;font-weight:800;}
	.plb-stat em{font-style:normal;font-size:14px;color:#fff;font-weight:600;line-height:1.4;}
	.plb-foot{font-size:11.5px;color:#7A73B8;margin:0;}
}
}