/* Giriş / kayıt sayfaları */
body.sayfa-giris,
body.sayfa-kayit{
overflow-x:hidden;
}
body.sayfa-giris main.giris-sayfa,
body.sayfa-kayit main.kayit-sayfa{
margin-top:0 !important;
padding:calc(96px + env(safe-area-inset-top,0px)) 16px 32px !important;
flex:1;
width:100%;
max-width:100%;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
min-height:calc(100vh - 120px);
}
body.sayfa-giris.has-site-duyuru main.giris-sayfa,
body.sayfa-kayit.has-site-duyuru main.kayit-sayfa{
padding-top:calc(128px + env(safe-area-inset-top,0px)) !important;
}
.giris-kart-wrap{
width:100%;
max-width:440px;
margin:0 auto;
}
.kayit-kart-wrap{
width:100%;
max-width:520px;
margin:0 auto;
}
body.sayfa-kayit main.kayit-sayfa{
align-items:flex-start;
}
.giris-kart,
.kayit-kart{
background:#fff;
border-radius:18px;
overflow:hidden;
border:1px solid rgba(0,0,0,0.07);
box-shadow:0 8px 28px rgba(15,23,42,0.08);
}
.giris-kart-ust,
.kayit-kart-ust{
padding:18px 20px;
text-align:center;
color:#fff;
background:linear-gradient(135deg,var(--ana-renk) 0%,var(--ikincil-renk) 100%);
}
.giris-kart-ust h1,
.kayit-kart-ust h1{
margin:0;
font-size:1.25rem;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}
.giris-kart-govde,
.kayit-kart-govde{
padding:22px 20px 20px;
}
.giris-kart-govde .form-label,
.kayit-kart-govde .form-label{
font-size:0.85rem;font-weight:600;color:#475569;margin-bottom:6px;
}
.giris-kart-govde .form-control,
.kayit-kart-govde .form-control{
border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 14px;
font-size:0.95rem;min-height:46px;
}
.giris-kart-govde .form-control:focus,
.kayit-kart-govde .form-control:focus{
border-color:var(--ana-renk);
box-shadow:0 0 0 3px var(--ana-renk-10,rgba(102,126,234,0.12));
}
.giris-kart-govde .btn-primary,
.kayit-kart-govde .btn-primary{
min-height:48px;border-radius:12px;font-weight:700;font-size:1rem;
box-shadow:0 4px 16px var(--ana-renk-30,rgba(102,126,234,0.28));
}
.giris-kart-alt,
.kayit-kart-alt{
margin:16px 0 0;padding-top:16px;border-top:1px solid #eef1f5;
text-align:center;font-size:0.9rem;color:#64748b;
}
.giris-kart-alt a,
.kayit-kart-alt a{
color:var(--ana-renk);font-weight:600;text-decoration:none;
}
.giris-kart-alt a:hover,
.kayit-kart-alt a:hover{
text-decoration:underline;
}
/* Kayıt - üyelik tipi */
.kayit-tip-secim{display:flex;gap:10px;}
.kayit-tip-kart{flex:1;position:relative;cursor:pointer;margin:0;}
.kayit-tip-kart input{position:absolute;opacity:0;width:0;height:0;}
.kayit-tip-kart span{
display:flex;align-items:center;justify-content:center;gap:6px;
padding:11px 10px;border-radius:12px;
border:2px solid #e2e8f0;background:#fff;
font-size:0.88rem;font-weight:600;color:#475569;
transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;
}
.kayit-tip-kart input:checked + span{
border-color:var(--ana-renk);color:var(--ana-renk);
background:var(--ana-renk-05,rgba(102,126,234,0.05));
box-shadow:0 2px 10px var(--ana-renk-15,rgba(102,126,234,0.12));
}
.kayit-izin-kutu{
padding:12px 14px;border-radius:12px;
background:#f8fafc;border:1px solid #eef1f5;
}
.kayit-kart-govde .form-check{margin-bottom:8px;}
.kayit-kart-govde .form-check:last-child{margin-bottom:0;}
.kayit-kart-govde .form-check-label{
font-size:0.82rem;line-height:1.4;color:#475569;
}
.kayit-kart-govde .form-check-input{
width:1.1em;height:1.1em;border:2px solid #cbd5e1;margin-top:0.15em;
}
.kayit-kart-govde .form-check-input:checked{
background-color:var(--ana-renk);border-color:var(--ana-renk);
}
@media (max-width:991px){
body.sayfa-giris main.giris-sayfa,
body.sayfa-kayit main.kayit-sayfa{
padding-top:calc(80px + env(safe-area-inset-top,0px)) !important;
min-height:calc(100vh - 100px);
}
body.sayfa-giris.has-site-duyuru main.giris-sayfa,
body.sayfa-kayit.has-site-duyuru main.kayit-sayfa{
padding-top:calc(108px + env(safe-area-inset-top,0px)) !important;
}
}
@media (max-width:576px){
body.sayfa-giris main.giris-sayfa,
body.sayfa-kayit main.kayit-sayfa{
padding:calc(72px + env(safe-area-inset-top,0px)) 12px 24px !important;
}
body.sayfa-giris.has-site-duyuru main.giris-sayfa,
body.sayfa-kayit.has-site-duyuru main.kayit-sayfa{
padding-top:calc(100px + env(safe-area-inset-top,0px)) !important;
}
.giris-kart-govde,
.kayit-kart-govde{padding:18px 16px 16px;}
.kayit-tip-secim{flex-direction:column;}
}