/* ==========================================================================
   SAYFA · İLETİŞİM
   ========================================================================== */

.contact-list { display: flex; flex-direction: column; }

.contact-list__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sp-4);
  padding: 14px 0;
  border-top: 1px solid var(--c-line);
  color: var(--c-ink);
  min-height: 48px;
}
.contact-list__row:hover { color: var(--c-leaf); }
.contact-list__value { font-family: var(--f-mono); font-size: 0.8125rem; }

.contact-map { border: 1px solid var(--c-line); }
.contact-map__pin {
  position: absolute;
  inset-inline-start: 16px;
  bottom: 16px;
  z-index: 2;
  padding: 8px 14px;
  border-radius: var(--r-pill);
  background: color-mix(in srgb, var(--c-ink) 78%, transparent);
  color: var(--c-paper);
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  pointer-events: none;
}

.contact-form {
  padding: clamp(20px, 3vw, 32px);
  background: var(--c-paper);
  border: 1px solid var(--c-line);
  border-radius: var(--r-lg);
}

/* ------------------------------------------------------ Çalışma saatleri */

.hours {
  padding: var(--sp-5);
  border: 1px solid var(--c-line);
  border-radius: var(--r-lg);
  background: var(--c-paper);
}
.hours__title { margin-bottom: var(--sp-4); }

.hours__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
}
.hours__table th,
.hours__table td { padding: 8px 0; text-align: start; }
.hours__table th { font-weight: 400; }
.hours__table td {
  text-align: end;
  font-family: var(--f-mono);
  font-size: 0.8125rem;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--c-muted);
}
.hours__table tr + tr th,
.hours__table tr + tr td { border-top: 1px solid var(--c-line); }

/* Bugunun satiri isaretli: kullanici kendi gununu aramak zorunda kalmaz */
.hours__row--today th,
.hours__row--today td { color: var(--c-forest); font-weight: 500; }
.hours__row--today th::after {
  content: " bugün";
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-leaf-text);
}

.hours__status {
  margin: var(--sp-4) 0 0;
  color: var(--c-muted);
}
.hours__status--open { color: var(--c-leaf-text); }

/* ---------------------------------------------------- Tıkla-yükle harita */

.contact-map { border: 1px solid var(--c-line); }

.contact-map__load {
  position: absolute;
  inset: 0;
  z-index: 3;
  margin: auto;
  width: max-content;
  height: max-content;
}

.contact-map__note {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 3;
  padding: 10px var(--sp-4);
  background: color-mix(in srgb, var(--c-ink) 78%, transparent);
  color: var(--c-paper-82);
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: 0.08em;
  text-align: center;
}
.contact-map__note a {
  color: var(--c-leaf);
  /* Metin icinde gecen baglanti renkten baska bir isaret tasimali */
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.contact-map__frame {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Harita yuklenince yer tutucu ogeler kalkar */
.contact-map.is-loaded .contact-map__load,
.contact-map.is-loaded .contact-map__note,
.contact-map.is-loaded .contact-map__pin,
.contact-map.is-loaded .media__label { display: none; }
.contact-map.is-loaded::after { display: none; }