/* =============================================================
   noutbuk.com.az — GİRİŞ / QEYDİYYAT / ŞİFRƏ BƏRPASI
   -------------------------------------------------------------
   Üç səhifə üçün vahid dizayn. Şablonlar:
     login_template.tpl   → /giris.html   (statik səhifə, öz şablonu)
     registration.tpl     → /qeydiyyat.html
     lostpassword.tpl     → /sifremi-unutdum.html
   Ünvan qaydaları: engine/data/rules.json (nüvə deyil, məlumat faylı).

   Bütün seçicilər `.au-` prefikslidir — saytın qalan stillərinə
   toxunmur. Bu fayl css.tpl-də site.css-dən sonra qoşulur.
   ============================================================= */

.au-page{
	--au-tx:#101828;
	--au-mu:#5b6779;
	--au-bd:#e2e6ec;
	--au-pr:#0068c8;
	--au-bg:#f5f8fc;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	min-height:100dvh;
	padding:24px 16px;
}
.au-page *{box-sizing:border-box}

/* ---- Kart ---- */
.au-card{
	width:100%;max-width:460px;
	background:#fff;
	border:1px solid var(--au-bd);
	border-radius:18px;
	box-shadow:0 22px 54px -30px rgba(16,24,40,.32),0 3px 10px -6px rgba(16,24,40,.06);
	padding:34px 34px 30px;
}
.au-card--wide{max-width:560px}

/* ---- Başlıq ---- */
.au-head{text-align:center;margin-bottom:26px}
.au-logo{display:inline-block;margin-bottom:18px}
.au-logo img{display:block;width:180px;height:auto}
.au-title{font-size:23px;line-height:1.25;font-weight:750;letter-spacing:-.015em;color:var(--au-tx);margin:0 0 8px}
.au-sub{font-size:14.5px;line-height:1.55;color:var(--au-mu);margin:0}
.au-sub a{color:var(--au-pr);text-decoration:none}
.au-sub a:hover{text-decoration:none;opacity:.82}

/* ---- Sahələr ---- */
.au-field{margin:0 0 16px}
.au-field:last-of-type{margin-bottom:20px}
.au-label{display:block;margin:0 0 7px;font-size:13.5px;font-weight:650;color:#344054}
.au-label .req{color:#dd2831;margin-left:2px}

.au-card input[type="text"],
.au-card input[type="email"],
.au-card input[type="password"]{
	display:block;width:100%;height:46px;
	margin:0;padding:0 14px !important;
	border:1px solid var(--au-bd) !important;
	border-radius:10px !important;
	background:#fff !important;
	box-shadow:none !important;
	font-family:inherit;font-size:15px;font-weight:500;color:var(--au-tx);
	transition:border-color .16s ease,box-shadow .16s ease;
}
.au-card input::placeholder{color:#98a2b3;font-weight:400}
.au-card input[type="text"]:focus,
.au-card input[type="email"]:focus,
.au-card input[type="password"]:focus{
	outline:none;
	border-color:var(--au-pr) !important;
	box-shadow:0 0 0 3px rgba(0,104,200,.13) !important;
}

/* ---- Şifrə sahəsi + göstər düyməsi ---- */
.au-pass{position:relative;display:block}
.au-pass input{padding-right:46px !important}
.au-pass .au-eye{
	position:absolute;top:0;right:0;
	width:46px;height:46px;
	display:flex;align-items:center;justify-content:center;
	padding:0 !important;margin:0;
	border:0 !important;background:transparent !important;
	box-shadow:none !important;
	color:#98a2b3;cursor:pointer;
	font-size:0;line-height:0;
	min-height:0 !important;
	transition:color .16s ease;
}
.au-pass .au-eye:hover{color:var(--au-pr);background:transparent !important}
.au-pass .au-eye::before,
.au-pass .au-eye::after{content:"";position:absolute;background:currentColor}
/* göz ikonu — maskadır, rəngi currentColor-dan gəlir */
.au-pass .au-eye::before{
	width:20px;height:20px;
	-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px no-repeat;
	mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px no-repeat;
}
/* açıq vəziyyətdə üstündən xətt */
.au-pass .au-eye::after{width:0;height:0}
.au-pass .au-eye.is-on::after{width:22px;height:2px;border-radius:2px;transform:rotate(-45deg)}

/* ---- Şifrə gücü göstəricisi ---- */
.au-strength{margin:9px 0 0;display:none}
.au-strength.is-active{display:block}
.au-strength-bar{display:flex;gap:5px;margin-bottom:6px}
.au-strength-bar i{flex:1 1 0;height:4px;border-radius:2px;background:#e6e9ee;transition:background-color .2s ease}
.au-strength-text{font-size:12.5px;font-weight:600;color:var(--au-mu)}
.au-strength[data-level="1"] .au-strength-bar i:nth-child(-n+1){background:#e05a5a}
.au-strength[data-level="2"] .au-strength-bar i:nth-child(-n+2){background:#e0a05a}
.au-strength[data-level="3"] .au-strength-bar i:nth-child(-n+3){background:#c6c94e}
.au-strength[data-level="4"] .au-strength-bar i{background:#37a06a}
.au-strength[data-level="1"] .au-strength-text{color:#c04444}
.au-strength[data-level="2"] .au-strength-text{color:#b07a2a}
.au-strength[data-level="3"] .au-strength-text{color:#8a8c2a}
.au-strength[data-level="4"] .au-strength-text{color:#2c8757}

/* ---- Düymələr ---- */
.au-card .au-btn{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:48px;min-height:0 !important;
	padding:0 20px !important;margin:0;
	border:1px solid transparent !important;
	border-radius:11px !important;
	font-family:inherit;font-size:15px !important;font-weight:700;
	letter-spacing:normal !important;text-transform:none !important;
	line-height:1;text-decoration:none;cursor:pointer;
	transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.au-card .au-btn-pr{background:var(--au-pr) !important;color:#fff !important}
.au-card .au-btn-pr:hover{background:#0057a8 !important;color:#fff !important}
.au-card .au-btn-gh{background:#fff !important;color:var(--au-tx) !important;border-color:var(--au-bd) !important}
.au-card .au-btn-gh:hover{border-color:var(--au-pr) !important;color:var(--au-pr) !important}

/* ---- Köməkçi sətir (şifrəni unutdum) ---- */
.au-row{display:flex;align-items:center;justify-content:flex-end;margin:-6px 0 18px}
.au-link{font-size:13.5px;font-weight:600;color:var(--au-pr);text-decoration:none}
.au-link:hover{text-decoration:none;opacity:.82}

/* ---- Ayırıcı ---- */
.au-sep{display:flex;align-items:center;gap:12px;margin:22px 0;color:#98a2b3;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.au-sep::before,.au-sep::after{content:"";flex:1 1 auto;height:1px;background:var(--au-bd)}

/* ---- Alt keçid ---- */
.au-foot{margin:20px 0 0;text-align:center;font-size:14.5px;color:var(--au-mu)}
.au-foot a{color:var(--au-pr);font-weight:650;text-decoration:none}
.au-foot a:hover{text-decoration:none;opacity:.82}

/* ---- Qeyd blokları ---- */
.au-note{margin:0 0 20px;padding:14px 16px;border-radius:11px;font-size:14px;line-height:1.6}
.au-note.info{background:#eef7ff;border:1px solid #cbe3fa;color:#123a5e}
.au-note.ok{background:#eefbf2;border:1px solid #c4ebd3;color:#12482a}
.au-note p{margin:0 0 8px}
.au-note p:last-child{margin:0}
.au-note a{color:inherit;font-weight:650;text-decoration:underline}

/* ---- Captcha ---- */
.au-captcha{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.au-captcha img{display:block;border:1px solid var(--au-bd);border-radius:8px;flex:0 0 auto}
.au-captcha input{flex:1 1 130px;min-width:0}
.au-recaptcha{margin:0 0 18px}

/* ---- «Adı yoxla» köməkçi düyməsi ---- */
.au-check{display:inline-flex;align-items:center;height:34px;margin-top:8px;padding:0 12px !important;min-height:0 !important;border:1px solid var(--au-bd) !important;border-radius:8px !important;background:#f7f9fc !important;font-size:12.5px !important;font-weight:650;color:#475467 !important;letter-spacing:normal !important;text-transform:none !important;cursor:pointer;transition:border-color .16s ease,color .16s ease}
.au-check:hover{border-color:var(--au-pr) !important;color:var(--au-pr) !important}
#result-registration{margin-top:8px;font-size:13px;font-weight:600}

/* ---- DLE-nin öz xəbərdarlıqları kart daxilində ---- */
.au-card .berrors,.au-card .wsuccess{margin:0 0 18px;padding:14px 16px;border-radius:11px;font-size:14px;line-height:1.55}
.au-card .berrors{background:#fff4f4;border:1px solid #f3cccc;color:#8a2020}
.au-card .wsuccess{background:#eefbf2;border:1px solid #c4ebd3;color:#12482a}

/* ---- Mobil ---- */
@media (max-width:559px){
	.au-page{padding:22px 14px 40px;min-height:auto;justify-content:flex-start}
	.au-card{padding:26px 20px 24px;border-radius:15px}
	.au-title{font-size:21px}
	.au-logo img{width:158px}
}


/* =============================================================
   TƏK SƏHİFƏ REJİMİ — səhifədə YALNIZ forma qalır
   -------------------------------------------------------------
   Auth səhifələrində sayt başlığı, menyu, breadcrumb, mobil menyu,
   footer və «yuxarı qalx» düyməsi gizlədilir.

   İki üsul birlikdə işlədilir:
   1) `body:has(.au-page)` — CSS-dir, səhifə açılan kimi işə düşür,
      yəni başlıq bir an görünüb yox olmur (yanıp-sönmə olmur).
   2) `body.au-bare` — site.js sinfi əlavə edir; `:has()` dəstəkləməyən
      köhnə brauzerlər üçün ehtiyat yoldur.

   DLE-nin şablon quruluşuna toxunulmur — main.tpl olduğu kimi qalır,
   sadəcə bu üç səhifədə artıq hissələr göstərilmir.
   ============================================================= */

body:has(.au-page) .ts-header,
body:has(.au-page) .breadcrumb-title-wrapper,
body:has(.au-page) #catalog-filter-info,
body:has(.au-page) #group-icon-header,
body:has(.au-page) .footer-container,
body:has(.au-page) #to-top,
body.au-bare .ts-header,
body.au-bare .breadcrumb-title-wrapper,
body.au-bare #catalog-filter-info,
body.au-bare #group-icon-header,
body.au-bare .footer-container,
body.au-bare #to-top{display:none !important}

/* səhifə fonu və boşluqlar sıfırlanır */
body:has(.au-page),
body.au-bare{background:#f5f8fc !important}

body:has(.au-page) #page,
body:has(.au-page) #main,
body:has(.au-page) #main-content,
body:has(.au-page) #primary,
body:has(.au-page) .page-container,
body.au-bare #page,
body.au-bare #main,
body.au-bare #main-content,
body.au-bare #primary,
body.au-bare .page-container{
	display:block !important;
	margin:0 !important;padding:0 !important;
	max-width:none !important;width:100% !important;
	flex:1 1 100% !important;
	background:transparent !important;border:0 !important;box-shadow:none !important;
}

/* .page-container flex-dir (vendor.css: justify-content:space-between) —
   bare rejimdə söndürülür ki, #main-content tam eni tutsun və kart mərkəzdə qalsın */
body:has(.au-page) .page-container,
body.au-bare .page-container{display:block !important}

/* .au-page hər halda tam en + öz-özünə mərkəz */
body:has(.au-page) .au-page,
body.au-bare .au-page{width:100% !important;max-width:none !important;margin:0 auto !important}

/* kartın altında saytа qayıdış */
.au-back{display:block;margin:18px auto 0;text-align:center;font-size:13.5px;font-weight:600;color:#5b6779;text-decoration:none}
.au-back:hover{color:#0068c8;text-decoration:none}