/* ==========================================================================
   Avelkon 2026 — Temel katman
   Avada'nın Arial temelli tipografisini değiştirir. Yalnızca tipografi,
   renk ve ritim; bileşen stilleri components.css içindedir.
   ========================================================================== */

html{ -webkit-text-size-adjust:100%; }

body,
body.avada-html-layout-wide,
.fusion-body{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-body);
  line-height:var(--av-lh-body);
  color:var(--av-text);
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis-weight:none;
}

/* Avada gövde metnini çok yüksek satır aralığıyla basıyordu (2.27) */
#main p, .post-content p, .fusion-text p, #main li{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-body);
  line-height:var(--av-lh-body);
  color:var(--av-text);
}

/* ---- Başlıklar: tek sistem ---- */
h1,h2,h3,h4,h5,h6,
.fusion-title h1,.fusion-title h2,.fusion-title h3,.fusion-title h4,
#main h1,#main h2,#main h3,#main h4,
.title-heading-left,.title-heading-center,.title-heading-right{
  font-family:var(--av-font-display);
  color:var(--av-text);
  letter-spacing:var(--av-ls-snug);
  font-weight:500;
  margin-top:0;
}

#main h1,.fusion-title h1{ font-family:var(--av-font-display); font-size:var(--av-fs-h1); line-height:var(--av-lh-tight); letter-spacing:var(--av-ls-tight); }
#main h2,.fusion-title h2{ font-family:var(--av-font-display); font-size:var(--av-fs-h2); line-height:var(--av-lh-snug); letter-spacing:var(--av-ls-tight); font-weight:500; }
#main h3,.fusion-title h3{ font-family:var(--av-font-display); font-size:var(--av-fs-h3); line-height:1.3; font-weight:500; letter-spacing:var(--av-ls-snug); }
#main h4,.fusion-title h4{ font-family:var(--av-font-display); font-size:var(--av-fs-h4); line-height:1.35; font-weight:500; }

/* Göz kırpma önleme: font yüklenene kadar düzen kaymasın */
.av-fonts-loading h1,.av-fonts-loading h2,.av-fonts-loading h3{ letter-spacing:var(--av-ls-snug); }

/* ---- Bağlantılar ---- */
#main a{ color:inherit; text-underline-offset:.18em; text-decoration-thickness:1px; }
#main a:hover{ color:var(--av-brand-lo); }

/* ---- Odak görünürlüğü (erişilebilirlik) ---- */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--av-brand);
  outline-offset:3px;
  border-radius:var(--av-radius);
}
/* Fare ile tıklamada halka gösterme */
a:focus:not(:focus-visible),button:focus:not(:focus-visible){ outline:none; }

/* ---- Seçim ---- */
::selection{ background:var(--av-brand-a12); color:var(--av-text); }

/* ---- Yardımcılar ---- */
.av-container{ width:100%; max-width:var(--av-max); margin-inline:auto; padding-inline:var(--av-gutter); }
.av-section{ padding-block:var(--av-section-y); }
.av-dark{ background:var(--av-ink-900); color:var(--av-text-inv); }
.av-dark h1,.av-dark h2,.av-dark h3,.av-dark h4{ color:var(--av-text-inv); }
.av-dark p{ color:var(--av-muted-inv); }
.av-paper{ background:var(--av-paper); color:var(--av-text); }

.av-eyebrow{
  font-family:var(--av-font-body);
  font-size:var(--av-fs-xs);
  font-weight:500;
  letter-spacing:var(--av-ls-wide);
  text-transform:uppercase;
  color:var(--av-brand);
  display:flex; align-items:center; gap:.75rem;
}
.av-eyebrow::before{
  content:''; width:2rem; height:1px; background:var(--av-brand); flex:none;
}
.av-lead{ font-size:var(--av-fs-lead); line-height:1.5; color:var(--av-muted); max-width:58ch; }
.av-dark .av-lead{ color:var(--av-muted-inv); }

/* Yalnızca ekran okuyucular için */
.av-sr{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* Klavye ile atlama bağlantısı */
.av-skip{
  position:absolute;left:1rem;top:-4rem;z-index:var(--av-z-modal);
  background:var(--av-ink-900);color:var(--av-text-inv);
  padding:.75rem 1.25rem;border-radius:var(--av-radius);
  transition:top var(--av-dur) var(--av-ease);
}
.av-skip:focus{ top:1rem; }
