/* ==========================
   FOOTER – Kurumsal (yalnızca footer)
   ========================== */

.footer-pro{
  background:#fff;
  border-top:1px solid var(--bd, #e9ecff);
  color:#7c88b2;
}
.footer-pro__accent{
  height:4px;
  background: linear-gradient(90deg, var(--brand, #6C78F0), var(--bubble, #535DDB));
}
.footer-pro h6{ letter-spacing:.2px; }
.footer-pro .badge{ border:1px solid #eef2ff; }

/* Linkler (sadece footer) */
.footer-pro .footer-pro__link{
  color:#7c88b2; 
  text-decoration:none;
}
.footer-pro .footer-pro__link:hover{
  color: var(--brand, #6C78F0);
  text-decoration: underline;
}

/* Footer’a özel outline buton */
.footer-pro .btn-brand-outline{
  background:#fff;
  color: var(--brand, #6C78F0);
  border:1px solid var(--brand, #6C78F0);
  border-radius:12px;
  font-weight:700;
}
.footer-pro .btn-brand-outline:hover{
  background: color-mix(in oklab, var(--brand, #6C78F0), white 90%);
  color:#A7B0FF;
}

/* Dark tema: sadece footer alanında uygula */
html[data-theme="dark"] .footer-pro{
  background:#0f1431;
  border-top:1px solid rgba(255,255,255,.12);
  color:#A7B0FF;
}
html[data-theme="dark"] .footer-pro .footer-pro__link{ color:#A7B0FF; }
html[data-theme="dark"] .footer-pro .footer-pro__link:hover{ color:#E8EBFF; }
html[data-theme="dark"] .footer-pro .btn-outline-secondary{
  border-color: rgba(255,255,255,.25);
  color:#E8EBFF;
}







/* ===== Tema – kontrastlı renkler (güncel) ===== */
.fab-telegram{
  color:#fff !important;
  background:#2A9DD6 !important;   /* canlı mavi */
  border:1px solid #197fb1 !important;
}
.fab-telegram:hover{ background:#1f8ac0 !important; }

.fab-whatsapp{
  color:#fff !important;
  background:#0A7A2E !important;   /* koyu yeşil */
  border:1px solid #066326 !important;
}
.fab-whatsapp:hover{ background:#08732a !important; }

/* Koyu tema için kontrastlı alternatif */
@media (prefers-color-scheme: dark){
  .fab-telegram{ background:#2B93C8 !important; border-color:#1f77a4 !important; }
  .fab-telegram:hover{ background:#237eab !important; }

  .fab-whatsapp{ background:#0C6F2B !important; border-color:#0a5c24 !important; }
  .fab-whatsapp:hover{ background:#095823 !important; }
}

/* Mobil FAB – sadece ikon */
@media (max-width: 768px){
  .support-fab{
    width:52px;
    height:52px;
    border-radius:50% !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .support-fab .fab-label{ display:none !important; }
  .support-fab .fab-icon{ font-size:1.6rem; }
}

/* ---------- Switch FAB mobil konum ---------- */
@media (max-width: 992px){
  .hero-search .switch-wrap .switch-fab{
    position:absolute;
    left:50%;
    transform: translate(-50%, 60px); /* ⬅︎ 40px → 60px (daha aşağıya kayar) */
    z-index:5;
    width:44px; height:44px;
    border-radius:50%;
    background:#fff;
    border:1.5px solid var(--border-color);
    box-shadow:0 8px 20px rgba(0,0,0,.12);
  }
}



/* ===== Support FAB – temel yapı ===== */
.support-aside{ position:relative; z-index:1000; }
.support-fab{
  position:fixed;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;                 /* WCAG dokunma alanı */
  padding:.625rem .875rem;         /* ~10px 14px */
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  line-height:1.2;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}
.support-fab:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}
.support-fab:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.22); }

/* Konumlar */
.fab-left{ left:16px; }
.fab-right{ right:16px; }

/* ===== İkon hizalama – ::before kaymasını sıfırla ===== */
.fab-icon{
  inline-size:24px; block-size:24px;
  display:grid; place-items:center;
  flex:0 0 24px;
}
.fab-icon .bi{
  display:inline-block;
  font-size:1.1rem;   /* 17–18px */
  line-height:1;      /* kritik: kaymayı bitirir */
  vertical-align:middle;
}
.fab-icon .bi::before{
  display:block;      /* kritik: pseudo element satır yüksekliği kontrolü */
  line-height:1;
}

/* Etiket metni */
.fab-label{ white-space:nowrap; }



/* İKON FONT: hızlı gösterim için swap (FOIT yok, CLS azalır) */
@font-face{
  font-family: 'bootstrap-icons';
  src: url("/static/fonts/bootstrap-icons.cc1e5eda776b.woff2") format('woff2');
  font-display: swap;
  /* ikon metrikleri önemli değil ama bazı tarayıcılar için sabitleyelim */
  ascent-override: 90%;
  descent-override: 10%;
  line-gap-override: 0%;
}