/* Reserved for client-side responsive overrides.
   Auth pages are mobile-first; main breakpoints (640 / 768 / 1024) are
   already handled inline in style.css. Add project-specific overrides here. */


/* CHA v32 auth page alignment with public site header/footer */
@media (max-width:767px){
  .top-strip{display:none!important;}
  .site-nav{position:sticky!important;top:0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;}
  .site-nav__row{height:64px!important;gap:10px!important;}
  .site-nav__logo img{height:34px!important;max-width:176px!important;object-fit:contain!important;}
  .site-nav__actions{gap:8px!important;margin-left:auto!important;}
  .lang-pill{width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;}
  .lang-pill svg:first-child{width:18px!important;height:18px!important;}
  .lang-pill svg:last-child{width:13px!important;height:13px!important;}
  .btn-primary-nav,.nav-signin{display:none!important;}
  .nav-mobile-toggle{width:42px!important;height:42px!important;display:inline-flex!important;}
  .auth-stage{padding:28px 14px 44px!important;justify-content:flex-start!important;}
  .auth-card{border-radius:18px!important;padding:24px 18px!important;box-shadow:0 10px 30px -18px rgba(14,124,123,.28)!important;}
  .brand-header{gap:10px!important;align-items:flex-start!important;}
  .brand-header__logo img{height:28px!important;max-width:170px!important;}
  .brand-pill{height:auto!important;min-height:28px!important;white-space:normal!important;text-align:left!important;line-height:1.25!important;}
  .auth-header__title{font-size:25px!important;}
  .social-row,.divider{display:none!important;}
  .site-footer{padding:36px 0 22px!important;}
  .site-footer__top{grid-template-columns:1fr!important;gap:16px!important;align-items:flex-start!important;}
  .site-footer__newsletter{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  .site-footer__cta{width:100%!important;}
  .site-footer__cols{grid-template-columns:1fr 1fr!important;gap:22px 18px!important;}
  .site-footer__bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
}
@media (max-width:380px){
  .site-nav__logo img{height:31px!important;max-width:152px!important;}
  .lang-pill,.nav-mobile-toggle{width:40px!important;height:40px!important;}
  .auth-card{padding:22px 16px!important;}
}

/* v2.0.8 — marka satiri: logo kucultuldu, rozet sikismiyor */
.brand-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;min-width:0!important;}
.brand-header__logo{flex:0 1 auto!important;min-width:0!important;}
.brand-header__logo img{height:30px!important;max-height:30px!important;width:auto!important;max-width:min(190px,55%)!important;object-fit:contain!important;}
.brand-pill{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:30px!important;white-space:normal!important;overflow-wrap:break-word!important;line-height:1.25!important;box-sizing:border-box!important;}
@media (max-width:520px){
  .brand-header__logo img{height:26px!important;max-height:26px!important;max-width:165px!important;}
  .brand-pill{flex-basis:100%!important;font-size:12px!important;}
}

/* v2.0.9 — marka satiri duzeltmesi
   Onceki surumde logo "kucule bilir" (flex:0 1) ve yuzde genislik siniri
   almisti; rozet yer kapladiginda logo ezilip okunmaz hale geliyordu.
   Dogru hiyerarsi: LOGO SABIT kalir, ROZET uyum saglar. */
.brand-header{
  display:flex!important; align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important; flex-wrap:wrap!important; min-width:0!important;
}
.brand-header__logo{
  flex:0 0 auto!important;      /* asla kuculmez */
  min-width:0!important;
  display:inline-flex!important; align-items:center!important;
}
.brand-header__logo img{
  height:34px!important; max-height:34px!important;
  width:auto!important; max-width:none!important;   /* yuzde sinir yok */
  min-width:150px!important;                        /* okunabilirlik tabani */
  object-fit:contain!important; object-position:left center!important;
}
.brand-pill{
  flex:1 1 auto!important;      /* daralan taraf rozet */
  min-width:0!important; max-width:100%!important;
  justify-content:center!important;
  height:auto!important; min-height:30px!important;
  white-space:normal!important; overflow-wrap:break-word!important;
  line-height:1.25!important; box-sizing:border-box!important;
}
@media (max-width:560px){
  .brand-header{gap:10px!important;}
  .brand-header__logo img{height:30px!important;max-height:30px!important;min-width:140px!important;}
  .brand-pill{flex-basis:100%!important;justify-content:flex-start!important;font-size:12px!important;}
}

/* v2.1.0 — mobilde rozet kart disina asla tasmaz */
@media (max-width:1023px){
  .auth-card{overflow:hidden!important;box-sizing:border-box!important;}
  .brand-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .brand-header__logo{flex:0 0 auto!important;min-width:0!important;}
  .brand-header__logo img{height:28px!important;max-height:28px!important;width:auto!important;min-width:130px!important;max-width:100%!important;}
  .brand-pill{flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin:0!important;justify-content:flex-start!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important;line-height:1.3!important;padding:7px 12px!important;box-sizing:border-box!important;}
}