/* ========================================================
   ARİN YAZILIM — ORTAK HEADER STİLİ
   Ana sayfa (.ust) stili ile birebir uyumlu, tek font (Plus Jakarta Sans).
   Masaüstü ve mobil ekranlar için optimize edilmiştir.
   ======================================================== */

header.ust, header.hdr {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: rgba(14, 15, 18, 0.90) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #2A2E35 !important;
  color: #F1EFE8 !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  box-sizing: border-box !important;
}

/* İlerleme çubuğu olan sayfalarda (ör. index.html) 4px boşluk */
body > .ilerleme ~ header.ust {
  top: calc(4px + env(safe-area-inset-top, 0px)) !important;
}

/* Açık renkli header desteği: CSS ile ters çevirme */
header.ust.acik, header.hdr.acik,
body.header-acik header.ust, body.header-acik header.hdr {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #15171A !important;
}
header.ust.acik .menu a, header.hdr.acik .nav ul a,
body.header-acik header .menu a, body.header-acik header .nav ul a {
  color: #535960 !important;
}
header.ust.acik .menu a:hover, header.hdr.acik .nav ul a:hover,
body.header-acik header .menu a:hover, body.header-acik header .nav ul a:hover {
  color: #15171A !important;
  background: rgba(0, 0, 0, 0.05) !important;
}
header.ust.acik .logo img, header.hdr.acik .logo img,
body.header-acik header .logo img {
  filter: brightness(0) !important;
}

/* İç sarmalayıcı (sar / wrap nav) */
header.ust .sar, header.hdr .nav, header.hdr .wrap.nav {
  display: flex !important;
  align-items: center !important;
  gap: clamp(14px, 2vw, 28px) !important;
  min-height: 64px !important;
  height: 64px !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 56px) !important;
  box-sizing: border-box !important;
}

/* Logo */
header.ust .logo, header.hdr .logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  height: 38px !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}
header.ust .logo img, header.hdr .logo img {
  height: 38px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
}
/* Eski inline SVG ve data-marka gizleme */
header.hdr .logo .logo-m, header.hdr .logo [data-marka] {
  display: none !important;
}

/* Masaüstü Navigasyon Menüsü */
header.ust .menu, header.hdr .nav ul {
  display: flex !important;
  gap: clamp(8px, 1.3vw, 20px) !important;
  margin-left: auto !important;
  margin-block: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}
header.ust .menu a, header.hdr .nav ul a {
  text-decoration: none !important;
  color: #A0A6AD !important;
  white-space: nowrap !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  border: none !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}
header.ust .menu a:hover, header.hdr .nav ul a:hover,
header.ust .menu a[aria-current], header.hdr .nav ul a[aria-current],
header.ust .menu a.on, header.hdr .nav ul a.on {
  color: #F1EFE8 !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Sağ Eylem Butonu */
header.ust .dugme, header.hdr .btn, header.hdr .btn-p {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 18px !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  background: #FFB000 !important;
  border: 2px solid #FFB000 !important;
  color: #15171A !important;
  text-decoration: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
header.ust .dugme:hover, header.hdr .btn:hover, header.hdr .btn-p:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(255, 176, 0, 0.35) !important;
}

/* Tablet & Mobil Görünüm */
@media (max-width: 1180px) {
  header.ust .menu, header.hdr .nav ul {
    display: none !important;
  }
  header.ust .dugme, header.hdr .btn, header.hdr .btn-p {
    margin-left: auto !important;
  }
}

@media (max-width: 640px) {
  header.ust .sar, header.hdr .nav, header.hdr .wrap.nav {
    gap: 8px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding-inline: 14px !important;
  }
  header.ust .logo, header.hdr .logo {
    height: 32px !important;
  }
  header.ust .logo img, header.hdr .logo img {
    height: 32px !important;
  }
  header.ust .dugme, header.hdr .btn, header.hdr .btn-p {
    padding: 6px 12px !important;
    font-size: 13px !important;
    min-height: 36px !important;
  }
}

@media (max-width: 380px) {
  header.ust .sar, header.hdr .nav, header.hdr .wrap.nav {
    padding-inline: 10px !important;
    gap: 6px !important;
  }
  header.ust .logo, header.hdr .logo {
    height: 28px !important;
  }
  header.ust .logo img, header.hdr .logo img {
    height: 28px !important;
  }
  header.ust .dugme, header.hdr .btn, header.hdr .btn-p {
    padding: 5px 8px !important;
    font-size: 12px !important;
  }
}



/* ========================================================
   UNIFIED DARK FOOTER (Same layout as white footer)
   ======================================================== */
.koyu-footer {
  background: var(--gece, #0B0F19) !important;
  color: var(--gece-soluk, #A0A6AD) !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  padding-block: 56px calc(40px + env(safe-area-inset-bottom, 20px)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.koyu-footer .sar {
  max-width: var(--en, 1280px) !important;
  margin-inline: auto !important;
  padding-inline: var(--kenar, clamp(16px, 4vw, 56px)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.koyu-footer .wrap {
  max-width: var(--max, 1200px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 3vw, 28px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.koyu-footer .ftr-g {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr !important;
  gap: clamp(20px, 2.5vw, 36px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.koyu-footer h4 {
  color: #FFFFFF !important;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.01em !important;
}

.koyu-footer ul {
  list-style: none !important;
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.koyu-footer ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.koyu-footer a {
  color: var(--gece-soluk, #A0A6AD) !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  display: inline-block !important;
}

.koyu-footer a:hover {
  color: #FFB000 !important;
  text-decoration: underline !important;
}

.koyu-footer .ftr-tr {
  grid-column: 1 / -1 !important;
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #8C94A0 !important;
}

.koyu-footer .ftr-b {
  grid-column: 1 / -1 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 20px !important;
  padding-top: 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  color: #717886 !important;
  font-size: 13px !important;
}

@media (max-width: 1024px) {
  .koyu-footer .ftr-g {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
  }
}

@media (max-width: 768px) {
  .koyu-footer .ftr-g {
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
  .koyu-footer .ftr-g > div:first-child {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 480px) {
  .koyu-footer .ftr-g {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}


/* Typography Consistency: Enforce Plus Jakarta Sans for all address, contact, and footer elements */
.iletisim,
.isletme-bilgi,
.mono,
.koyu-footer,
.koyu-footer *,
.ftr,
.ftr * {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}