/*================================================
 Görsel Düzeltmeler (v3)
 - Uzun kelime taşmaları (SSS/accordion)
 - Video kartlarının kesilmesi
 - Sabit ikonların (telefon/WhatsApp/tema) çakışması
 - Mobil navbar logo boyutu
 Bu dosya EN SON yüklenir; bu yüzden diğer stilleri geçersiz kılar.
=================================================*/

/* ---------- 1) Uzun kelime / metin taşmaları ---------- */
/* SSS cevaplarında "Eğitimlerimiz:İngilizce,Arapça,..." gibi
   boşluksuz uzun diziler kutudan taşıp sayfada yatay kaydırma yaratıyordu. */
.accordion-content,
.accordion-content p,
.accordion-content li,
.accordion-content span,
.terms-of-service-area p,
.terms-of-service-area li,
.survey-box p,
.video-card p,
.footer-area p,
.single-footer-widget p,
p, li, td, th {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Gizli taşma güvenlik ağı: sticky navbar'ı bozmayan "clip" */
html {
  overflow-x: clip;
}
@supports not (overflow: clip) {
  html { overflow-x: hidden; }
}

/* ---------- 2) Video kartları (Eğitici Videolar) ---------- */
/* Sabit height + overflow:hidden alt metni kesiyordu. */
.video-card {
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
.video-card .video-frame {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
.video-card h3,
.video-card p {
  margin-top: 0;
}
.video-card p {
  padding-bottom: 4px;
}
.videos-area .row > [class*="col-"] {
  margin-bottom: 0;
}

/* ---------- 3) Sabit (floating) ikonlar ---------- */
/* Sol altta telefon halkası + WhatsApp ikonu üst üste biniyordu.
   Artık: sol alt = telefon, sağ alt = WhatsApp (dikey olarak ayrık). */

/* Telefon halkası: köşeye düzgün yerleşsin */
.hotline-phone-ring-wrap {
  left: 18px !important;
  bottom: 18px !important;
  margin-bottom: 0 !important;
  z-index: 99997 !important;
}

/* WhatsApp (masaüstü geniş pill) sağ altta, tema anahtarının altında */
.float {
  left: auto !important;
  right: 18px !important;
  bottom: 18px !important;
  width: 150px !important;
  height: 47px !important;
}

/* WhatsApp (mobil daire) sağ alt köşe */
.float2 {
  left: auto !important;
  right: 18px !important;
  bottom: 18px !important;
  width: 60px !important;
  height: 60px !important;
}

/* Tema anahtarı: sağ altta WhatsApp'ın üstünde */
.dark-version {
  right: 18px !important;
  bottom: 92px !important;
  z-index: 99998 !important;
}

/* Mobilde telefon halkasını küçült (animasyon bozulmadan) */
@media (max-width: 767px) {
  .hotline-phone-ring-wrap {
    left: 6px !important;
    bottom: 6px !important;
    -webkit-transform: scale(0.62);
    -ms-transform: scale(0.62);
    transform: scale(0.62);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  .float2 {
    right: 14px !important;
    bottom: 14px !important;
    width: 54px !important;
    height: 54px !important;
  }
  .dark-version {
    right: 14px !important;
    bottom: 80px !important;
  }
  .dark-version .switch {
    width: 52px;
    height: 30px;
  }
}

/* ---------- 4) Mobil navbar logo ---------- */
/* 100px'e sıkıştırılmış logo okunmuyordu. */
@media (max-width: 1199px) {
  .main-responsive-nav .logo img,
  .main-responsive-nav .logo img.ahmetyigit {
    max-width: 150px !important;
    height: auto !important;
  }
  .mean-container a.meanmenu-reveal {
    top: 4px;
  }
}

/* ---------- 5) Mobil form/anket rahatlığı ---------- */
@media (max-width: 575px) {
  .survey-box {
    padding: 26px 16px !important;
    border-radius: 16px;
  }
  .survey-head h2 {
    font-size: 24px;
  }
  .star-row label {
    font-size: 28px;
  }
  /* Sabit ikonlar formun alt satırlarını kapatmasın diye sayfa sonuna pay */
  .survey-area,
  .gallery-area,
  .videos-area {
    padding-bottom: 110px;
  }
}

/* ---------- 6) Mobil sayfa başlığı (page banner) ---------- */
@media (max-width: 767px) {
  .page-banner-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .page-banner-content h2 {
    font-size: 26px;
  }
}