/* ==========================================================================
   VESTORA — ithub şablonu ekleri
   Şablonun kendi CSS'i: theme/ozel/ithub/css (birebir). Bu dosya SADECE şablonda
   karşılığı olmayan parçalar + CMS verisinin şablona oturması için.
   Sınıf öneki: vs-
   ========================================================================== */

/* ---------- Dil seçici (header, koyu cam bar üzerinde) ---------- */
.vs-lang{position:relative;margin-right:18px;z-index:5}
.vs-lang_btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:50px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:600;
  font-size:14px;cursor:pointer;font-family:"Outfit",sans-serif;transition:all .3s ease}
.vs-lang_btn:hover{background:rgba(255,255,255,.16)}
.vs-lang_btn img{width:20px;height:14px;object-fit:cover;border-radius:3px}
.vs-lang_btn i{font-size:11px;transition:transform .3s ease}
.vs-lang.open .vs-lang_btn i{transform:rotate(180deg)}
.vs-lang_menu{position:absolute;right:0;top:calc(100% + 10px);min-width:170px;margin:0;padding:8px;list-style:none;
  background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);opacity:0;visibility:hidden;
  transform:translateY(8px);transition:all .25s ease}
.vs-lang.open .vs-lang_menu{opacity:1;visibility:visible;transform:none}
.vs-lang_menu li a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:#0b0b1f;
  font-size:14px;font-weight:500}
.vs-lang_menu li a:hover{background:var(--genel-tint);color:var(--main-color)}
.vs-lang_menu li a img{width:20px;height:14px;object-fit:cover;border-radius:3px}
.fixed-header .vs-lang_btn{background:rgba(255,255,255,.1)}

/* Mobil menü: bayraklar + CTA */
.vs-mob-lang{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 25px 0;color:var(--main-color)}
.vs-mob-lang img{width:28px;height:19px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.vs-mob-cta{padding:22px 25px 30px}
.vs-mob-cta .theme-btn{width:100%;text-align:center}

/* ---------- Görsel oranları (CMS görselleri şablon ölçülerine) ---------- */
.empower-block_one-image img{aspect-ratio:212/250;object-fit:cover}
.empower-block_one-icon{display:flex;align-items:center;justify-content:center;padding:0}
.empower-block_one-icon i{color:#fff;font-size:20px;line-height:1}
.gallery-block_one-image img{width:100%;aspect-ratio:410/490;object-fit:cover}
.about-three_image img{width:100%;aspect-ratio:666/445;object-fit:cover}
.about-three_image-two img{width:100%;aspect-ratio:1/1;object-fit:cover}
.business-one_video img{width:100%;aspect-ratio:1/1;object-fit:cover}
.slider-three_authors li img,.about-three_authors li img,.testimonial-two_authors li img,
.testimonial-block_two-author_image img{aspect-ratio:1/1;object-fit:cover}
.instagram-block_one-image img{width:100%;aspect-ratio:1/1;object-fit:cover}
.client-image img{max-width:100%;height:auto;margin:0 auto}
.instagram-block_one-icon i{color:#fff;font-size:18px}

/* ---------- Sayaç: rakam + son ek tek satırda kalsın ---------- */
.counter-one_count{white-space:nowrap}

/* ---------- SSS: şablonda alt boşluk yok (faq.html'de ardından kendi boşluğu olan bölüm gelir);
   anasayfada koyu iletişim kutusu hemen altında başladığı için ayrım gerekli ---------- */
.faq-two{padding-top:120px;padding-bottom:120px}
@media (max-width: 767px){ .faq-two{padding-top:60px;padding-bottom:70px} }

/* ---------- Kadro (team.html bölümü) anasayfada yorumlar ile SSS arasında:
   şablon boşlukları üst üste binip ~230px ediyordu → üst/alt boşluğu komşu bloklar veriyor ---------- */
.team-one.style-two{padding-top:0;padding-bottom:0}

/* ---------- SSS "Detay" bağlantısı ---------- */
.vs-ss-more{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-weight:600;color:var(--main-color)}
.vs-ss-more i{font-size:12px;transition:transform .3s ease}
.vs-ss-more:hover i{transform:translateX(3px)}

/* ---------- İletişim formu captcha (panelden recaptcha=2 seçilirse) ---------- */
.vs-captcha{display:flex;align-items:center;gap:12px}
.vs-captcha img{height:46px;border-radius:8px}
.vs-captcha input{flex:1}

/* ---------- Footer galeri: boşsa hizası bozulmasın ---------- */
.footer-three_list li a{text-transform:none}

/* ---------- Alt sayfalar: CMS içerik HTML'i (sınıfsız panel içeriği) ---------- */
.page-title + * h1:not([class]),.page-title ~ * h1:not([class]){font-size:2rem}
.page-title ~ * h2:not([class]){font-size:1.6rem;margin:0 0 14px}
.page-title ~ * h3:not([class]){font-size:1.3rem;margin:0 0 12px}
.page-title ~ * p:not([class]) + p:not([class]){margin-top:14px}
.page-title ~ * ul:not([class]){list-style:disc;padding-left:22px;margin:0 0 16px}
.page-title ~ * ol:not([class]){list-style:decimal;padding-left:22px;margin:0 0 16px}

/* CMS sabit WhatsApp widget'ı sağ altta — şablonun "yukarı çık" halkası sola */
.progress-wrap{right:auto !important;left:30px !important}

@media (max-width: 767px){
  .progress-wrap{left:16px !important;bottom:16px !important}
}
@media (max-width: 1199px){
  .vs-lang{margin-right:10px}
  .vs-lang_btn span{display:none}
}
@media (max-width: 575px){
  .vs-lang{display:none}   /* mobilde bayraklar menü içinde */
}
@media (prefers-reduced-motion: reduce){
  .vs-lang_menu,.vs-lang_btn i{transition:none}
}