/* Vassago giriş / üyelik sayfaları (yönetim, kasa, personel girişi + üye girişi + üye kaydı).
   Düzen: solda marka paneli, sağda sade koyu form. Sayfaların kendi satır içi stilleri vardır;
   bu dosya onların ÜSTÜNE biner (html body öneki). */
@font-face{font-family:'VG Kond';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/ibm-plex-sans-condensed-700-latin.woff2') format('woff2')}
html body{display:block!important;min-height:100vh;padding:0!important;margin:0!important;background:#140c11!important}
html body .giris-duzen,html body .login-shell{position:relative;display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:100vh;width:100%;padding:0!important;place-items:stretch!important}

/* ================= SOL MARKA PANELİ ================= */
.giris-sol{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:48px 64px;color:#fff;
  background:radial-gradient(circle at 12% 6%,rgba(214,49,122,.40),transparent 40%),radial-gradient(circle at 96% 96%,rgba(201,169,122,.16),transparent 46%),linear-gradient(145deg,#2a1520 0%,#5d2342 54%,#8c2c5c 100%)}
.giris-sol>*{position:relative;z-index:1}
.giris-logo{display:inline-block;align-self:flex-start}
.giris-logo img{display:block;height:64px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.giris-orta{margin:auto 0;max-width:560px}
.giris-orta h2{margin:0 0 14px;font-family:'VG Kond','IBM Plex Sans Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(36px,3.6vw,58px);line-height:1.06;font-weight:700;letter-spacing:.005em;color:#fff;text-wrap:balance}
.giris-orta p{margin:0;font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.84);max-width:42ch}
.giris-etiket{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:28px 0 0;padding:0}
.giris-etiket li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;font-size:13.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16)}
.giris-etiket svg{width:16px;height:16px;flex:none;stroke:#f3dca8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.giris-alt{font-size:12.5px;color:rgba(255,255,255,.62)}
.giris-siteye{position:absolute;top:26px;right:34px;z-index:5;display:inline-flex;align-items:center;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:700;color:#e6d7df;text-decoration:none;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);transition:background .15s,color .15s}
.giris-siteye:hover{background:rgba(255,255,255,.12);color:#fff}

/* ================= SAĞ FORM (kartsız, sade) ================= */
html body .login-wrap,html body .reg-wrap{width:100%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 40px 40px;background:#140c11!important}
html body .login-shell>.login-card{align-self:center;justify-self:center;width:min(440px,calc(100% - 80px));margin:84px 0 40px}
html body .login-card,html body .reg-card{position:relative;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html body .login-card::before,html body .reg-card::before{content:none!important}
html body .login-wrap>.login-card{width:min(440px,100%)}
html body .reg-wrap>.reg-card{width:min(600px,100%)}
html body .login-brand .login-logo,html body .reg-brand .reg-logo,html body .login-brand>img{display:none!important}
html body .login-shell .login-brand{display:none!important}
html body .login-brand,html body .reg-brand{text-align:left!important;margin-bottom:24px!important}
html body .login-brand h1,html body .reg-brand h1,html body .login-card>h1{font-family:'VG Kond','IBM Plex Sans Condensed','Arial Narrow',Impact,sans-serif!important;font-size:clamp(34px,2.7vw,44px)!important;font-weight:700!important;letter-spacing:.01em!important;line-height:1.08!important;color:#fff!important;text-align:left!important;margin-bottom:8px!important}
html body .login-brand p,html body .reg-brand p,html body .login-card>p{font-size:15px!important;color:#b9a6b0!important;line-height:1.6!important;text-align:left!important;margin:0 0 26px!important}
html body .login-brand p,html body .reg-brand p{margin:8px 0 0!important}
html body .field{gap:8px!important}
html body .field label{font-size:12px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;color:#cdbac4!important}
html body .field input,html body .field input[type=text],html body .field input[type=tel],html body .field input[type=password]{background-color:#21151c!important;border:1px solid #3a2832!important;color:#fff!important;border-radius:11px!important;padding:16px 16px!important;font-size:16.5px!important}
html body .field input[name=username],html body .field input[name=customer_name],html body .field input[type=password],html body .field input[name=totp_kod]{background-repeat:no-repeat!important;background-position:15px center!important;background-size:19px!important;padding-left:47px!important}
html body .field input[name=username],html body .field input[name=customer_name]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9a6b0' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20c.7-3.7 3.5-5.7 7.5-5.7s6.8 2 7.5 5.7'/%3E%3C/svg%3E")!important}
html body .field input[type=password],html body .field input[name=totp_kod]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9a6b0' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E")!important}
html body .field input.totp-code-input{padding-left:47px!important;letter-spacing:6px}
html body .field input::placeholder{color:rgba(255,255,255,.34)!important}
html body .field input:focus{border-color:#d6317a!important;box-shadow:0 0 0 3px rgba(214,49,122,.2)!important;background-color:#271a22!important}
html body .field input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 40px #2a1a24 inset!important}
/* şifre göster/gizle (assets/vassago-giris.js ekler) */
.giris-sifre{position:relative;display:block}
.giris-sifre input{padding-right:50px!important;width:100%!important;box-sizing:border-box}
.giris-goz{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#b9a6b0;cursor:pointer}
.giris-goz:hover{color:#fff;background:rgba(255,255,255,.08)}
.giris-goz svg{width:20px;height:20px}
.giris-goz .kapali{display:none}
.giris-goz[aria-pressed=true] .acik{display:none}
.giris-goz[aria-pressed=true] .kapali{display:block}
html body .login-hatirla span,html body .login-hatirla{color:#e6d7df!important}
html body .login-hatirla small{color:#a08d98!important}
html body .consent-row{flex-direction:column;align-items:flex-start!important;gap:8px!important;background:#21151c!important;border:1px solid #3a2832!important;color:#d9c9d2!important}
html body .consent-row a,html body .kvkk-link{color:#f3b9d3!important}
html body .reg-onay-notu{background:#21151c!important;border:1px solid #3a2832!important;color:#b9a6b0!important}
html body .reg-fayda li{background:#21151c!important;border:1px solid #3a2832!important;color:#e6d7df!important}
html body .reg-fayda li:before{color:#f3b9d3!important}
html body .btn-primary,html body .login-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:54px;background:linear-gradient(135deg,#c13a74,#962b58)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:14px!important;font-size:16px!important;font-weight:800!important;letter-spacing:.01em!important;box-shadow:0 12px 26px rgba(193,58,116,.26)!important;transition:transform .15s,filter .15s,box-shadow .15s!important}
html body .btn-primary::after,html body .login-btn::after{content:"→";font-size:19px;transition:transform .15s}
html body .btn-primary:hover,html body .login-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 32px rgba(193,58,116,.34)!important}
html body .btn-primary:hover::after,html body .login-btn:hover::after{transform:translateX(4px)}
html body .btn-primary:active,html body .login-btn:active{transform:translateY(1px)}
html body .login-links a,html body .reg-links a{background:transparent!important;border:1px solid #3f2c36!important;color:#e6d7df!important;border-radius:11px!important;padding:13px!important}
html body .login-links a:first-child{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
html body .login-links a:hover,html body .reg-links a:hover{border-color:#d6317a!important;color:#fff!important}
html body .login-forgot,html body .login-hint,html body .login-hint a{color:#f3b9d3!important}
html body .login-divider{background:#33232c!important}
html body .login-error,html body .login-err,html body .reg-error{background:rgba(239,68,68,.13)!important;color:#fecaca!important;border-left:3px solid #ef4444!important}
html body .reg-bilgi{background:rgba(47,139,87,.2)!important;color:#bbf7d0!important;border-left:3px solid #2f8b57!important}
html body .reg-bilgi a{color:#bbf7d0!important}
html body .bot-dogrulama,html body .admin-recaptcha{display:flex;justify-content:center;margin:14px 0}

/* ===== üye kaydı: iki sütunlu alanlar, masaüstünde tek ekrana sığar ===== */
@media (min-width:901px){
  html body .giris-sol{position:sticky;top:0;height:100vh;align-self:start}
  html body .reg-fayda{display:none!important}
  html body .reg-card form{grid-template-columns:1fr 1fr!important;gap:14px 16px!important}
  html body .reg-card form>.consent-row,html body .reg-card form>.reg-onay-notu,html body .reg-card form>.bot-dogrulama,html body .reg-card form>.btn-primary{grid-column:1/-1}
  html body .reg-card .field input,html body .reg-card .field input[type=text],html body .reg-card .field input[type=tel],html body .reg-card .field input[type=password]{padding-top:14px!important;padding-bottom:14px!important;font-size:16px!important}
  html body .reg-card .field input[name=customer_name],html body .reg-card .field input[type=password]{padding-left:47px!important}
  html body .reg-card .consent-row{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:6px 14px!important;padding:11px 14px!important}
  html body .reg-card .reg-onay-notu{font-size:12px!important;padding:9px 12px!important}
  html body .reg-card .bot-dogrulama{margin:2px 0!important}
  html body .reg-links{margin-top:12px!important}
  html body .reg-links a{padding:11px!important}
  html body .reg-wrap{padding-top:70px}
}
@media (min-width:901px) and (max-height:780px){
  html body .reg-brand p{display:none!important}
  html body .reg-brand{margin-bottom:14px!important}
  html body .reg-card form{gap:10px 14px!important}
  html body .reg-wrap{padding-top:56px;padding-bottom:16px}
  html body .login-shell>.login-card{margin-top:64px}
}

/* ================= TABLET / TELEFON ================= */
@media (max-width:900px){
  html body .giris-duzen,html body .login-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}
  .giris-sol{padding:calc(20px + env(safe-area-inset-top,0px)) 22px 20px;flex-direction:row;align-items:center;justify-content:flex-start;gap:0}
  .giris-orta,.giris-alt{display:none}
  .giris-logo img{height:50px}
  .giris-siteye{top:calc(22px + env(safe-area-inset-top,0px));right:18px;padding:8px 14px;font-size:12.5px}
  html body .login-wrap,html body .reg-wrap{padding:30px 22px 44px;justify-content:flex-start}
  html body .login-shell>.login-card{width:min(440px,calc(100% - 44px));margin:30px 0 44px;align-self:start}
  html body .login-brand h1,html body .reg-brand h1,html body .login-card>h1{font-size:32px!important}
}
@media (max-width:390px){
  html body .login-links,html body .reg-links{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){html body .btn-primary,html body .login-btn{transition:none!important}}
html body .bot-dogrulama .cf-turnstile,html body .admin-recaptcha .cf-turnstile{width:100%}

/* Sifre yardimi */
html body .yardim-adimlar{display:grid;gap:12px;margin:0 0 22px!important}
html body .yardim-adim{color:#d9c8d1!important;font-size:14.5px!important}
html body .yardim-adim b{background:rgba(193,58,116,.2)!important;color:#f3b9d3!important}
html body .yardim-eylem{display:grid;gap:10px;margin-top:4px}
html body .yardim-eylem a{min-height:52px;border-radius:14px!important;font-size:15px!important;border:1px solid #3a2832!important;background:#21151c!important;color:#f3e7ee!important}
html body .yardim-eylem a.wa{background:#1faa63!important;border-color:#1faa63!important;color:#fff!important}
html body .yardim-eylem a.tel{background:linear-gradient(135deg,#c13a74,#962b58)!important;border-color:transparent!important;color:#fff!important}
html body .yardim-eylem a.geri:hover{border-color:#c13a74!important;color:#f3b9d3!important}
html body .yardim-ayrac{background:#3a2832!important;margin:22px 0 16px!important}
html body .yardim-not{color:#a08d98!important;text-align:left!important}
html body .yardim-kart{width:min(440px,100%)}