/* Bileşen: Ofisler (şubeler)
   Kaynak: inc/offices.php — Panel > Ofisler. Aynı blok üç yerde kullanılır,
   üç görünümü vardır:
     .ar-offices--kart   iletişim sayfası (çerçeveli kartlar)
     .ar-offices--liste  alt bilgi (koyu zemin, sade)
     .ar-offices--menu   mega menü paneli (sütunlu, kompakt) */

.ar-offices {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ar-office__title {
  margin: 0 0 4px;
  font-family: var(--ar-font-heading);
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--ar-navy);
}

.ar-office__city {
  margin: 0 0 6px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ar-muted);
}

.ar-office__address {
  margin: 0 0 8px;
  font-style: normal;
  font-size: 0.82rem;
  line-height: 1.55;
  color: var(--ar-muted);
}

.ar-office__line {
  margin: 0 0 4px;
  font-size: 0.82rem;
}

.ar-office__line a {
  color: var(--ar-midnight);
  text-decoration: none;
}

.ar-office__line a:hover {
  text-decoration: underline;
}

.ar-office__map {
  font-weight: 600;
}

/* --- Görünüm: kart (iletişim sayfası) --- */

.ar-offices--kart {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--ar-space-md);
}

.ar-offices--kart .ar-office {
  padding: var(--ar-space-md);
  background: #fff;
  border: 1px solid var(--ar-border);
  border-radius: var(--ar-radius-lg);
  box-shadow: var(--ar-shadow-sm);
}

/* --- Görünüm: menü (mega panel) --- */

.ar-offices--menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--ar-space-md);
}

.ar-offices--menu .ar-office__address {
  font-size: 0.75rem;
}

/* --- Görünüm: liste (alt bilgi, koyu zemin) --- */

.site-footer .ar-offices--liste .ar-office {
  margin-bottom: var(--ar-space-sm);
}

.site-footer .ar-offices--liste .ar-office__title {
  color: #fff;
  font-size: 0.9rem;
}

.site-footer .ar-offices--liste .ar-office__city,
.site-footer .ar-offices--liste .ar-office__address {
  color: var(--ar-on-dark-muted);
}

.site-footer .ar-offices--liste .ar-office__line a {
  color: var(--ar-sky);
}

/* --- Kompakt görünüm (alt bilgi) ---------------------------------------
   Üç şube alt alta tam adresle yazılınca alt bilgi sütunu aşırı uzuyordu.
   Bilgi kaybı yok: adres tek satıra iniyor, şehir başlık oluyor, telefon
   ve e-posta yan yana geliyor. */

.ar-offices--kompakt {
  display: flex;
  flex-direction: column;
  gap: var(--ar-space-sm);
  padding: 0;
  margin: 0;
  list-style: none;
}

.ar-offices--kompakt .ar-office {
  padding: 0;
  border: 0;
  background: none;
}

.ar-office__kompakt-baslik {
  margin: 0 0 2px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ar-on-dark);
}

.ar-office__kompakt-baslik a {
  color: inherit;
  text-decoration: none;
}

.ar-office__kompakt-baslik a:hover {
  color: #fff;
  text-decoration: underline;
}

.ar-office__kompakt-adres {
  margin: 0;
  font-size: 0.8125rem;
  font-style: normal;
  line-height: 1.5;
  color: var(--ar-on-dark-muted);

  /* İki satırdan uzun adres alt bilgiyi şişirir. */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ar-office__kompakt-iletisim {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 3px 0 0;
  font-size: 0.8125rem;
  color: var(--ar-on-dark-muted);
}

.ar-office__kompakt-iletisim a {
  color: var(--ar-on-dark-muted);
  text-decoration: none;
}

.ar-office__kompakt-iletisim a:hover {
  color: #fff;
  text-decoration: underline;
}