/* bayrak.css — Tek satır bayrak barı (yalnız dosyası olan diller) */
.lang-bar{
  position: sticky; top: var(--flagbar-top,8px); left:0; right:0; width:100%;
  z-index: 2000;
  background:#fff; border:1px solid rgba(0,0,0,.15);
  border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.18);
  padding:6px 10px; overflow:hidden;
}
.lang-row{
  display:flex; gap: var(--flag-gap-x,10px); align-items:center;
  overflow-x:auto; overflow-y:hidden; white-space:nowrap; scrollbar-width:thin;
  -webkit-overflow-scrolling: touch;
}
.lang-row::-webkit-scrollbar{ height:8px }
.lang-row::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.2); border-radius:10px }

.flag-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--flag-size,42px); height:var(--flag-size,42px);
  flex:0 0 auto;
  border-radius:50%; border:1px solid rgba(0,0,0,.18);
  background:#fff; text-decoration:none; cursor:pointer; overflow:hidden;
  transition: transform 160ms cubic-bezier(.2,.8,.2,1), box-shadow 160ms, filter 160ms;
}
.flag-btn:hover{ transform:scale(1.32); box-shadow:0 10px 24px rgba(0,110,255,.28); filter:saturate(120%) contrast(108%) }
.flag-btn.is-active{ outline:2px solid #0b74ff; outline-offset:1px }
.flag-img{ width: calc(var(--flag-size,42px)*0.76); height: calc(var(--flag-size,42px)*0.54); object-fit:cover; border-radius:3px; display:block }

/* CTA butonları (masaüstü) */
#scsCta{
  position:absolute; left:3vw; top:50%; transform:translateY(-50%);
  display:grid; gap:12px; z-index:1200;
}
#scsCta a{
  display:block; text-align:center;
  padding: var(--cta-pad-y,16px) var(--cta-pad-x,28px);
  min-width: var(--cta-minw,340px);
  border-radius: 999px; font: var(--cta-font, 600 16px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial);
  text-decoration:none;
  box-shadow:0 14px 36px rgba(0,0,0,.18); border:1px solid rgba(0,0,0,.12);
}
#scsCta a.prim{  background:rgba(124,58,237,.98); color:#fff; border-color:transparent }
#scsCta a.ghost{ background:rgba(255,255,255,.96); color:#111 }
#scsCta a + a{ margin-top:14px }

@media(max-width:1024px){
  #scsCta{ left:50%; top:auto; bottom:10px; transform:translate(-50%,0); width:calc(100vw - 32px) }
  #scsCta a{ min-width:unset; width:100% }
}