/* CLS: Fallback font size-adjust to match Inter metrics (text block stability) */
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial");
  size-adjust: 107.4%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

/* ============================================
   APY Layout – Merkezi boşluk sistemi
   Tüm değerler Görünüm > Özelleştir > APY Theme Options'tan ayarlanabilir.
   ============================================ */
:root {
  --apy-theme-color: #0d1320;
  --apy-bg: #f7f5f1;
  --apy-surface: #ffffff;
  --apy-text: #1d1d1b;
  --apy-muted: #6b6b67;
  --apy-border: #dfddd7;
  --apy-primary: #8f7452;
  --apy-primary-hover: #b89a6d;
  --apy-max-width: 100%;

  /* Layout – Customizer Layout’tan; PHP override eder */
  --apy-gutter: 32px;
  --apy-gutter-mobile: 24px;
  --apy-layout-inline-pad: var(--apy-gutter);
  --apy-layout-inline-pad-mobile: var(--apy-gutter-mobile);
  --apy-container-gutter: var(--apy-gutter);
  --apy-container-gutter-mobile: var(--apy-gutter-mobile);

  /* Header – yatay iç boşluk */
  --apy-header-pad-x: 32px;
  --apy-header-pad-x-mobile: 24px;

  /* Dikey boşluk – section arası (Customizer’dan override edilir) */
  --apy-space-section: 48px;
  --apy-space-section-mobile: 32px;
  --apy-space-block: 24px;
  --apy-space-block-mobile: 20px;

  /* Container */
  --apy-main-content-max-width: 1320px;
  --apy-main-content-max-width-mobile: 640px;
  --apy-main-content-max-width-active: var(--apy-main-content-max-width);

  --apy-logo-max-width: 220px;
  --apy-logo-max-height: 64px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: var(--apy-font-body, "Inter", "Inter Fallback", "Segoe UI", system-ui, -apple-system, sans-serif);
  color: var(--apy-text);
  background: var(--apy-theme-color);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.apy-theme-surface {
  background: var(--apy-bg);
  min-height: 100vh;
}

/* Başlık fontu – ODO > Fonts ile seçilir */
h1, h2, h3, h4, h5, h6,
.apy-hero h1,
.apy-card h2,
.apy-title__heading,
.apy-home-slide-caption h2 {
  font-family: var(--apy-font-heading, var(--apy-font-body));
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--apy-primary);
}

/* Proje kartı görselleri (.apy-card-img) hariç – onlar projects.css'te object-fit: cover ile yönetiliyor */
img:not(.apy-card-img) {
  max-width: 100%;
  height: 100%;
}

/* apy-main: Sağ-sol boşluk – PHP wp_footer override ile kesin; base fallback */
.apy-main {
  padding-left: max(var(--apy-layout-inline-pad, 32px), env(safe-area-inset-left, 0px));
  padding-right: max(var(--apy-layout-inline-pad, 32px), env(safe-area-inset-right, 0px));
  box-sizing: border-box;
}

/* CLS: Hero reserved space (critical – above fold) */
.apy-home-hero {
  min-height: 400px;
  background: var(--apy-hero-bg, #000000);
  contain: layout;
}

/* CLS: Footer map iframe reserved space */
.apy-footer-map-wrap {
  
  position: relative;
}

/* ============================================
   Ortak container – navbar, content, footer aynı cetvel
   max-width + padding ile tüm bölümler hizalı
   ============================================ */
.apy-container {
  width: 100%;
  max-width: var(--apy-main-content-max-width-active, 1320px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--apy-layout-inline-pad, 32px);
  padding-right: var(--apy-layout-inline-pad, 32px);
  box-sizing: border-box;
}

/* Layout container'lar – Customizer değerleri PHP ile override edilir */
.apy-site-header .apy-container,
.apy-main > .apy-container,
.apy-site-footer .apy-container {
  max-width: var(--apy-main-content-max-width-active, 1320px);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.apy-site-header .apy-container {
  padding-left: var(--apy-header-pad-x, 32px);
  padding-right: var(--apy-header-pad-x, 32px);
}

/* main container – padding main'de; çift boşluk olmasın */
.apy-main > .apy-container,
.apy-main .apy-container {
  padding-left: 0;
  padding-right: 0;
}

.apy-site-footer .apy-container {
  padding-left: var(--apy-gutter, 32px);
  padding-right: var(--apy-gutter, 32px);
}

/* Layout boşlukları ve max-width: Görünüm > APY Theme Options > Layout üzerinden (Desktop, Laptop, Tablet, Mobile) ayarlanır. PHP inline style ile tüm breakpoint’leri yönetir. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}