/* ==========================================================================
   GAZALI AVIATION — iletisim.css
   Yalniz /iletisim sayfasinda eslesen kurallar.
   Ortak katman main.css'tedir; bu dosya ONUN USTUNE biner.
   ========================================================================== */

.section--tight {
  padding-block: clamp(3rem, 6vw, 5rem);
}

/* --------------------------------------------------------------------------
   15. İletişim
   -------------------------------------------------------------------------- */
.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--line);
}

.contact-item:last-child {
  border-bottom: 0;
}

.contact-item__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  background: rgba(212, 175, 55, 0.1);
  border-radius: var(--radius-sm);
}

.contact-item__icon svg {
  width: 20px;
  height: 20px;
  color: var(--gold-700);
}

.contact-item h4,
.contact-item .baslik--kart {
  font-size: 0.9375rem;
  margin-bottom: 0.2rem;
}

.contact-item p,
.contact-item a {
  font-size: 0.9375rem;
  color: var(--slate-600);
  line-height: 1.5;
}

.contact-item a:hover {
  color: var(--gold-700);
}

/* İki telefon hattı, her biri ofis adıyla (IletisimView). Ofis adı
   numaranın ARKASINDA ve sayfanın yönünde akar; numaranın kendisi
   dir="ltr" ile yalıtılır — Arapça sayfada rakam grupları ters dizilmez. */
.contact-item__hatlar {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contact-item__hatlar li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
}

.contact-item__hatlar span {
  font-size: 0.8125rem;
  color: var(--slate-600);
}

/* Ofis adı (.contact-item__hatlar span) --slate-600 beyazda 7.53:1.
   Form altı veri notunun bağlantı rengi main.css'te (.form-note a) — beş
   formun ortak notu. */

/* Kapanış çağrısındaki dört iş kolu formu (IletisimView): 2×2. Tek satırda
   dört düğme cta__inner'ın "auto" sütununu genişletiyor ve başlık 1280 px'te
   üç satıra kırılıyordu (ölçüldü). */
.cta__actions--dort {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}