/* ===========================================================================
   ICAD Global — Özel CSS düzeltmeleri (tema style.css'ten SONRA yüklenir).
   Temayı değiştirmeden yapılan ince ayarlar burada tutulur.
   =========================================================================== */

/* --- Ana sayfa hero'su masaüstünde tam ekran (100vh) -------------------------
   Hedef: hero ekrana tam sığsın, ama içerik ASLA kırpılmasın/gizlenmesin.
   Bunun için dev başlık, ekran yüksekliğine göre (vh) ölçeklenir; böylece
   kısa ekranlarda küçülüp 100vh içine sığar. Mobilde (≤991px) hero dikey
   istiflendiği için yüksekliği otomatik bırakıyoruz. */
@media only screen and (min-width: 992px) {
  .hero-4 {
    height: 100vh;
    min-height: 600px;
    display: flex;
    align-items: center;
    /* overflow gizlenmiyor — içerik her zaman görünür kalır */
  }
  .hero-4 > .container {
    width: 100%;
  }
  .hero-4 .hero-4__inner {
    padding-top: 0;
    width: 100%;
  }
  .hero-4 .hero-4__inner .hero-4__box {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* Sağ içerik bloğunu kutusu içinde dikeyde ortala */
  .hero-4 .hero-4__inner .hero-4__box:last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Büyük başlık "ICAD GLOBAL" — yüksekliğe göre ölçekle (tavan: tema değeri) */
  .hero-4 .hero-4__inner .hero-4__content-right .title {
    font-size: min(200px, 19vh);
    line-height: 0.92;
  }
  /* "INTERIOR" satırı */
  .hero-4 .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: min(150px, 15vh);
    line-height: 0.95;
  }
  /* Üst alt-başlık ve aralıklar kısa ekranda daralsın */
  .hero-4 .hero-4__inner .hero-4__content-right .sub-title {
    margin-bottom: min(30px, 2.5vh);
  }
}

/* Çok geniş ama kısa ekranlarda (örn. 1920×1080 tarayıcı) başlık biraz daha küçük */
@media only screen and (min-width: 1400px) and (max-height: 900px) {
  .hero-4 .hero-4__inner .hero-4__content-right .title {
    font-size: min(180px, 18vh);
  }
  .hero-4 .hero-4__inner .hero-4__content-right .exterior .title {
    font-size: min(140px, 14vh);
  }
}

/* --- Yan panel (side-info) İletişim: e-posta/telefon alt alta + boşluk ----- */
.side-info-4 .contact-item .info {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
}

/* --- Ortak header tüm sayfalarda görünür olsun --------------------------------
   Header şeffaf + beyaz yazı; açık zeminli iç sayfalarda (iletişim vb.) kayboluyordu.
   Koyu arka plan veriyoruz: ana sayfada koyu hero ile dikişsiz, iç sayfalarda görünür. */
.header-area-7 .header-main {
  background-color: #111111;
}

/* --- Hakkımızda: Misyon & Vizyon iki sütun --------------------------------- */
.mission-vision__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.mission-vision__item .sub-title {
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  opacity: 0.5;
  margin-bottom: 22px;
}
.mission-vision__item p {
  font-size: 24px;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .mission-vision__inner { grid-template-columns: 1fr; gap: 48px; }
  .mission-vision__item p { font-size: 20px; }
}