/* ==========================================================================
   Alnair — header ve footer
   ========================================================================== */

/* --------------------------------- Skip link -------------------------- */
.skip-link {
  position: absolute; left: -9999px; top: 0; z-index: 200;
  background: var(--navy); color: var(--paper-raised);
  padding: 12px 20px; text-decoration: none;
}
.skip-link:focus { left: 10px; top: 10px; }

/* --------------------------------- Header ----------------------------- */
#site-header {
  position: sticky; top: 0; z-index: 100;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid transparent;
  transition: border-color .3s var(--ease), background .3s var(--ease);
}
#site-header.is-scrolled {
  border-bottom-color: var(--hairline);
  background: color-mix(in srgb, var(--paper) 96%, transparent);
}

.nav {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 86px;
}
.nav__brand { display: block; line-height: 0; }
.nav__brand img { width: 146px; height: auto; }

.nav__list {
  display: flex; align-items: center; gap: 40px;
  list-style: none; margin: 0; padding: 0;
}
/* Cumle duzeni — buyuk harf + genis harf araligi bilincli olarak kullanilmadi */
.nav__list a {
  position: relative; display: inline-block;
  padding: 6px 0;
  color: var(--navy);
  font-size: var(--t-small);
  font-weight: 400;
  text-decoration: none;
}
/* Altin sac cizgisi: baglanti isaretleyicisi, dekor degil */
.nav__list a::after {
  content: ''; position: absolute; left: 0; bottom: 0;
  width: 0; height: 1px; background: var(--gold);
  transition: width .3s var(--ease);
}
.nav__list a:hover::after,
.nav__list a:focus-visible::after { width: 100%; }

/* --------------------------------- Hamburger -------------------------- */
/* Dokunma alani 44x44: onceki hali 28x27 idi. Cizgiler ayni incelikte kalir,
   buyuyen sey yalnizca basilabilir alan — gorunum degismez.
   justify-content ile cizgiler dikeyde ortalanir. */
.nav__toggle {
  display: none; flex-direction: column; justify-content: center;
  align-items: flex-end; gap: 5px;
  width: 44px; height: 44px;
  margin-right: -8px;   /* buyuyen kutu sag kenari iceri itmesin */
  padding: 0;
  background: none; border: 0; cursor: pointer;
}
.nav__toggle span {
  width: 28px;
  height: 1px; background: var(--navy);
  transition: transform .3s var(--ease), opacity .2s var(--ease);
}
.nav__toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav__toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 860px) {
  .nav__toggle { display: flex; }
  .nav__list {
    display: none;
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px 0 18px;
    background: var(--paper);
    border-bottom: 1px solid var(--hairline);
  }
  .nav__list.is-open { display: flex; }
  .nav__list a { display: block; padding: 14px var(--gutter); font-size: 1.05rem; }
  .nav__list a::after { left: var(--gutter); }
}

/* --------------------------------- Footer ----------------------------- */
#site-footer {
  background: var(--navy-deep);
  color: var(--on-navy);
  padding-top: 86px;
}
.footer {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 54px;
  padding-bottom: 64px;
}
.footer__brand img { width: 158px; height: auto; }
.footer__tagline {
  margin: 16px 0 0;
  font-size: var(--t-caption);
  letter-spacing: 0.04em;
  color: var(--on-navy-soft);
}

/* Cumle duzeninde kucuk baslik — buyuk harf etiket kullanilmadi */
.footer__heading {
  font-family: var(--font-body);
  font-size: var(--t-small);
  font-weight: 600;
  color: var(--paper-raised);
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0 0 14px;
}
.footer__address {
  font-style: normal;
  font-size: var(--t-small);
  line-height: 1.95;
  margin: 0;
}

.footer__bottom {
  border-top: 1px solid var(--hairline-navy);
  padding-top: 26px; padding-bottom: 30px;
}
.footer__bottom p {
  margin: 0;
  font-size: var(--t-caption);
  color: var(--on-navy-soft);
}

@media (max-width: 860px) {
  #site-footer { padding-top: 62px; }
  .footer { grid-template-columns: 1fr 1fr; gap: 40px; }
  .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .footer { grid-template-columns: 1fr; gap: 34px; }
}

/* Footer telefon baglantisi — dokunma alani yeterli olsun */
.footer__address a {
  display: inline-block;
  padding: 4px 0;
  text-decoration: none;
  border-bottom: 1px solid var(--hairline-navy);
  transition: border-color .25s var(--ease), color .25s var(--ease);
}
.footer__address a:hover { color: var(--gold-bright); border-bottom-color: var(--gold); }