/* Shared shell for public, auth and legal pages. Loaded after page styles. */
body.public-page{
  --public-page-bg:#FFFFFF;
  --public-shell:#F3F4F6;
  --public-shell-soft:#FAFAFA;
  --public-border:#E5E7EB;
  --public-border-strong:#D8DCE2;
  --public-text:#161616;
  --public-muted:#6B6B6B;
  --public-green:#1E4434;
  --public-red:#8C1C1C;
  --public-input-bg:#FFFFFF;
  --public-input-text:#161616;
  --public-input-focus:#4A9068;
  background:var(--public-page-bg) !important;
  background-image:none !important;
  color:var(--public-text) !important;
}

body.public-page.theme-dark{
  --public-page-bg:#15191B;
  --public-shell:#15191B;
  --public-shell-soft:#20262A;
  --public-border:#30383D;
  --public-border-strong:#3F4A50;
  --public-text:#F2F6F3;
  --public-muted:#B6C2BC;
  --public-green:#68D391;
  --public-red:#F07171;
  --public-input-bg:#263035;
  --public-input-text:#F2F6F3;
  --public-input-focus:#68D391;
}

body.public-page > nav.public-topbar{
  height:70px !important;
  min-height:70px !important;
  padding-inline:clamp(16px, 4vw, 56px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  background:var(--public-shell) !important;
  background-image:none !important;
  border-bottom:1px solid var(--public-border) !important;
  box-shadow:none !important;
}

body.public-page.theme-dark > nav.public-topbar{
  background:var(--public-shell) !important;
  border-bottom-color:var(--public-border) !important;
}

body.public-page > nav.public-topbar :is(.logo,.nav-logo){
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 1 auto !important;
  color:var(--public-text) !important;
}

body.public-page > nav.public-topbar :is(.logo-mark,.logo-mark img,.nav-logo img){
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
}

body.public-page > nav.public-topbar .logo-mark{
  display:grid !important;
  place-items:center !important;
}

body.public-page > nav.public-topbar :is(.logo-mark img,.nav-logo img){
  display:block !important;
  object-fit:contain !important;
  transform:translateY(1px) !important;
}

body.public-page > nav.public-topbar :is(.logo-name,.nav-logo-text){
  font-size:42px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:var(--public-text) !important;
}

body.public-page .brand-lex{
  color:var(--public-green) !important;
}

body.public-page .brand-tibi{
  color:var(--public-red) !important;
}

body.public-page :is(.public-nav-actions,.nav-right){
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
  flex:0 1 auto !important;
}

body.public-page :is(.nav-kayit,.nav-giris,.public-nav-link){
  min-width:0 !important;
  color:var(--public-muted) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body.public-page :is(.nav-kayit,.nav-giris,.public-nav-link) a,
body.public-page :is(.nav-kayit,.nav-giris,a.public-nav-link){
  color:var(--public-green) !important;
}

body.public-page .theme-toggle{
  flex:0 0 auto !important;
}

body.public-page :is(.public-nav-actions,.nav-right) .theme-toggle{
  margin-left:0 !important;
}

body.public-page > nav.public-topbar > .theme-toggle{
  margin-left:auto !important;
}

body.public-page main,
body.public-page .hero,
body.public-page .features,
body.public-page .trust,
body.public-page .dark-section{
  background:var(--public-page-bg) !important;
  background-image:none !important;
}

body.public-page .card,
body.public-page .kart,
body.public-page .chat-wrap,
body.public-page .app-mockup,
body.public-page .feat4-card,
body.public-page .fc{
  background:var(--public-shell) !important;
  background-image:none !important;
  border-color:var(--public-border) !important;
  box-shadow:none !important;
}

body.public-page .container{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}

body.public-page :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.fake-input){
  background:var(--public-input-bg) !important;
  background-color:var(--public-input-bg) !important;
  background-image:none !important;
  background-clip:padding-box !important;
  border-color:var(--public-border-strong) !important;
  color:var(--public-input-text) !important;
  box-shadow:none !important;
  transition:border-color .2s, box-shadow .2s !important;
}

body.public-page :is(input:not([type="checkbox"]):not([type="radio"]),textarea,.fake-input){
  -webkit-appearance:none !important;
  appearance:none !important;
}

body.public-page :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.fake-input):focus{
  background:var(--public-input-bg) !important;
  background-color:var(--public-input-bg) !important;
  border-color:var(--public-input-focus) !important;
  color:var(--public-input-text) !important;
  box-shadow:0 0 0 3px rgba(30,68,52,.08) !important;
}

body.public-page.theme-dark :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.fake-input):focus{
  box-shadow:0 0 0 3px rgba(104,211,145,.14) !important;
}

body.public-page :is(input:not([type="checkbox"]):not([type="radio"]),textarea)::placeholder{
  color:var(--public-muted) !important;
  opacity:.72 !important;
}

body.public-page.theme-dark :is(input:not([type="checkbox"]):not([type="radio"]),textarea)::placeholder{
  color:#8EA099 !important;
  opacity:1 !important;
}

body.public-page input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill,
body.public-page input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:hover,
body.public-page input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:focus,
body.public-page textarea:-webkit-autofill,
body.public-page textarea:-webkit-autofill:hover,
body.public-page textarea:-webkit-autofill:focus,
body.public-page select:-webkit-autofill,
body.public-page select:-webkit-autofill:hover,
body.public-page select:-webkit-autofill:focus{
  background-color:var(--public-input-bg) !important;
  -webkit-box-shadow:0 0 0 1000px var(--public-input-bg) inset !important;
  -webkit-text-fill-color:var(--public-input-text) !important;
  caret-color:var(--public-input-text) !important;
  border-color:var(--public-border-strong) !important;
  transition:background-color 9999s ease-out 0s;
}

body.public-page .password-field{
  position:relative !important;
}

body.public-page .password-field input{
  padding-right:54px !important;
}

body.public-page .password-toggle{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  width:38px !important;
  height:38px !important;
  padding:0 !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:var(--public-green) !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}

body.public-page .password-toggle:hover{
  background:rgba(30,68,52,.08) !important;
}

body.public-page.theme-dark .password-toggle:hover{
  background:rgba(104,211,145,.12) !important;
}

body.public-page .password-toggle svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.public-page :is(.card-title,.container h1,.container h2,label,.kart-baslik){
  color:var(--public-text) !important;
}

body.public-page :is(.card-sub,.meta,.subtitle,.container p,.container li,.kart-deger,footer,.alt-link){
  color:var(--public-muted) !important;
}

body.public-page footer{
  background:var(--public-page-bg) !important;
  background-image:none !important;
  border-top:1px solid var(--public-border) !important;
}

body.public-page :is(footer a,.alt-link a,.sifre-unut,.kart-deger a,.container a){
  color:var(--public-green) !important;
}

@media (max-width:640px){
  body.public-page > nav.public-topbar{
    padding-inline:14px !important;
    gap:8px !important;
  }

  body.public-page > nav.public-topbar :is(.logo-mark,.logo-mark img,.nav-logo img){
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

  body.public-page > nav.public-topbar :is(.logo-name,.nav-logo-text){
    font-size:34px !important;
  }

  body.public-page :is(.nav-kayit,.nav-giris,.public-nav-link){
    max-width:calc(100vw - 224px) !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:12px !important;
  }
}

@media (max-width:420px){
  body.public-page .nav-right .btn-ghost,
  body.public-page .public-nav-link{
    display:none !important;
  }
}