/**
 * Başakşehir Özel Eğitim ve Rehabilitasyon Merkezi
 * Tema rengi: logo ile uyumlu #0349aa
 */

/* Sağa taşmayı önle: yatay scroll kapatma + görsel/icerik sınırı */
html {
  overflow-x: hidden;
  max-width: 100%;
}
body {
  overflow-x: hidden;
  max-width: 100%;
}
img,
video {
  max-width: 100%;
  height: auto;
}
iframe,
embed,
object {
  max-width: 100%;
}
/* Uzun URL / metin taşması */
.container,
.row,
section,
header,
footer {
  max-width: 100%;
}

:root {
  --theme-color: #0349aa;
  --theme-color-2: #0349aa;
  --bg: #0349aa;
}

/* Telefon ve WhatsApp sabit butonları: mobilde olduğu gibi masaüstünde de görünsün */
.float-action {
  display: flex !important;
}

/* Üç buton da sağda, alt alta: en altta WhatsApp, ortada Instagram, en üstte Telefon */
.float-action-phone {
  left: auto;
  right: 20px;
  bottom: 148px;
}
.float-action-instagram {
  right: 20px;
  bottom: 84px;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #c13584) !important;
  box-shadow: 0 4px 16px rgba(195, 53, 132, 0.35);
}
.float-action-instagram:hover {
  box-shadow: 0 6px 22px rgba(195, 53, 132, 0.45);
}
.float-action-whatsapp {
  right: 20px;
  bottom: 24px;
}

/* Buton hover farklı ton */
.theme-btn::before,
.theme-two::before {
  background-color: #023a87;
}
.theme-btn:hover::before,
.theme-two:hover::before {
  background-color: #023a87;
}

/* Border buton ve link vurguları */
.border-btn,
.border-btn:hover,
.border-btn.active,
a.theme-btn.style-two:hover {
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.border-btn:hover,
.border-btn.active {
  background-color: var(--theme-color);
  color: #fff;
}

/* Alt çizgi ve odak rengi */
a.underline:hover,
.section-title .sub-title,
.list-area a:hover,
.footer-menu a:hover {
  color: var(--theme-color);
}

/* Progress bar ve odometer vurgu */
.progress-value,
.counter-items .count h2,
.counter-items .count h3 {
  color: var(--theme-color);
}

/* Logo alanı - yükseklik tutarlı */
.header-logo img,
.offcanvas__logo img {
  max-height: 50px;
  width: auto;
  object-fit: contain;
}

/* Hakkımızda – Değerlerimiz kartları font tutarlılığı (tüm sayfalarda bu blok için) */
.choose-img-items .icon-box h3,
.choose-img-items .icon-box p,
.choose-us-wrapper-two .choose-img-items .icon-box h3,
.choose-us-wrapper-two .choose-img-items .icon-box p {
  font-family: "Source Sans Pro", sans-serif;
}

/* İletişim sayfası harita iframe - responsive */
.contact-map-wrap .ratio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Hakkımızda metni ile Akademik Kadro arası boşluğu azalt (desktop) */
.about-section-two.section-padding {
  padding-bottom: 2.5rem;
}

/* Akademik Kadro – container’lı, satırda 4 kart, kare foto (1:1), üst boşluk azaltıldı */
.akademik-kadro-section {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.akademik-kadro-section .container {
  max-width: 960px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.akademik-kadro-section .team-box-square {
  text-align: center;
}
.akademik-kadro-section .team-image-1-1 {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: inherit;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}
.akademik-kadro-section .team-image-1-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: auto;
}
.akademik-kadro-section .team-box-square .team-content {
  /* padding-top: 0.75rem; */
}
.akademik-kadro-section .team-box-square .team-content h2 {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}
.akademik-kadro-section .team-box-square .team-content p {
  font-size: 0.875rem;
  margin-bottom: 0;
  opacity: 0.95;
}
.akademik-kadro-section .team-card-clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.akademik-kadro-section .team-card-clickable:hover {
  opacity: 0.95;
}
/* Biyografisi olanlarda isim buton gibi: tema rengi, hover’da vurgu */
.akademik-kadro-section .team-name-btn {
  color: var(--theme-color, #0349aa);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.akademik-kadro-section .team-card-clickable:hover .team-name-btn {
  color: #023a87;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.akademik-kadro-section .team-name-arrow {
  font-size: 0.7em;
  opacity: 0.85;
  transition: transform 0.2s ease;
}
.akademik-kadro-section .team-card-clickable:hover .team-name-arrow {
  transform: translateX(3px);
}

/* Biyografi modalı: header'ın ÜSTÜNDE (z-index), yükseklik kısıtlı, içerik scroll */
/* Tema header'ı z-index: 9999 kullanıyor; modal 1055'te kalınca arkada kalıyordu */
#teamBiographyModal.modal {
  z-index: 10050 !important;
}
body.modal-open .modal-backdrop {
  z-index: 10040 !important;
}
.akademik-kadro-section #teamBiographyModal .modal-dialog {
  max-height: calc(100vh - 120px);
  margin: 80px auto 20px;
  display: flex;
  flex-direction: column;
}
.akademik-kadro-section #teamBiographyModal .modal-content {
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}
.akademik-kadro-section #teamBiographyModal .modal-body {
  max-height: min(240px, calc(100vh - 280px));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.akademik-kadro-section #teamBiographyModal .team-biography-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Mobilde biyografi modalı */
@media (max-width: 575.98px) {
  .akademik-kadro-section #teamBiographyModal .modal-dialog {
    margin: 70px 0.75rem 1rem;
    max-height: calc(100vh - 90px);
  }
  .akademik-kadro-section #teamBiographyModal .modal-content {
    max-height: calc(100vh - 90px);
    border-radius: 12px;
  }
  .akademik-kadro-section #teamBiographyModal .modal-body {
    max-height: min(180px, calc(100vh - 200px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Değerlerimiz – Akademik Kadro ile aynı container: sağ-sol boşluk, max genişlik */
.degerlerimiz-section .container {
  max-width: 960px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Galeri – fotoğraflar daha küçük: container sınırlı, satırda 4 (xl), yükseklik kısıtlı */
.gallery-section-compact .container {
  max-width: 1000px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.gallery-section-compact .gallery-wrapper-3 .gallery-image-3 {
  height: 220px;
}
.gallery-section-compact .gallery-wrapper-3 .gallery-image-3 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .gallery-section-compact .gallery-wrapper-3 .gallery-image-3 {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .gallery-section-compact .gallery-wrapper-3 .gallery-image-3 {
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .gallery-section-compact .gallery-wrapper-3 .gallery-image-3 {
    height: 200px;
  }
}

/* Testimonials – tema stillerini düzelt: kartlar yan yana, metin okunaklı, tek satır yıldız */
.testimonial-section-inner .testimonial-box-items-inner {
  position: relative;
  min-height: 200px;
}
.testimonial-section-inner .testimonial-box-items-inner .testimonial-item {
  position: relative;
  left: auto;
  top: auto;
  padding: 24px 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  border: 1px solid rgba(3, 73, 170, 0.1);
}
.testimonial-section-inner .testimonial-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.testimonial-section-inner .testimonial-avatar .avatar-initial {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--theme-color, #0349aa);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  font-weight: 600;
  flex-shrink: 0;
}
.testimonial-section-inner .testimonial-avatar .icon {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  justify-content: center;
}
.testimonial-section-inner .testimonial-avatar .icon li {
  list-style: none;
}
.testimonial-section-inner .testimonial-avatar .icon li i {
  color: #ffc107;
}
.testimonial-section-inner .testimonial-item .testi-text {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(3, 73, 170, 0.25);
}
.testimonial-section-inner .testimonial-item .client-info h2 {
  color: #1a1a1a;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.testimonial-section-inner .testimonial-item .client-info p {
  color: #666;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.testimonial-section-inner .koma-icon {
  color: rgba(3, 73, 170, 0.25);
  font-size: 1.25rem;
  position: absolute;
  right: 12px;
  bottom: 12px;
}