/* ============================================================
   DTEX Tipografi Sistemi — clouarchitects.com esinli, DTEX paleti
   Tek aile: DM Sans (Circular XX'in ücretsiz karşılığı; değişken ağırlık, latin+latin-ext = tam Türkçe).
   Kural seti: dev başlıklar (lh 1.05–1.1, eksi tracking), GENİŞ ARALIKLI KÜÇÜK ETİKETLER, sakin gövde.
   Site GENELİNDE yüklenir (dtex-hero-arsiv eklentisi); araç sayfaları (arac.php, WP dışı) etkilenmez.
   İkon fontlarına (Font Awesome, eicons) dokunmaz: font-family yalnız metin öğelerinde zorlanır.
   ============================================================ */
@font-face{ font-family:"DM Sans"; font-style:normal; font-weight:100 1000; font-display:swap;
  src:url("fonts/DMSans-var-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:"DM Sans"; font-style:normal; font-weight:100 1000; font-display:swap;
  src:url("fonts/DMSans-var-latinext.woff2") format("woff2");
  unicode-range:U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF; }

:root{
  --dtex-bg:#0A0D10; --dtex-bg-1:#11161B; --dtex-bg-2:#1A222A;
  --dtex-ink:#E8EEF3; --dtex-muted:#8A98A5; --dtex-line:rgba(255,255,255,.16);
  --dtex-accent:#FF7A18;
  --dtex-sans:"DM Sans","Helvetica Neue",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}

/* ---------- temel ---------- */
html body{ font-family:var(--dtex-sans) !important; font-size:16px !important; line-height:1.55 !important;
  letter-spacing:normal !important;   /* Elementor kit body: Roboto 24px / 0.2px ls — eziliyor */
  background-color:var(--dtex-bg); color:var(--dtex-ink);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body h1, body h2, body h3, body h4, body h5, body h6,
body .elementor-heading-title, body .page-header-title, body .entry-title{
  font-family:var(--dtex-sans) !important; font-weight:700; line-height:1.1 !important;
  letter-spacing:-0.015em !important; color:var(--dtex-ink); text-wrap:balance; }
body p, body li, body figcaption, body td, body th, body blockquote{ font-family:var(--dtex-sans); }
body button, body input, body select, body textarea,
body .elementor-button, body .btn{ font-family:var(--dtex-sans) !important; }
body strong, body b{ font-weight:700; }
::selection{ background:var(--dtex-accent); color:#0A0D10; }

/* ---------- clou ölçeği (yalnız bilinen kalıplara — yerleşim bozmadan) ---------- */
/* Bölüm başlıkları: ana sayfa BLOK 1–5 + hizmet sayfası başlık kalıpları */
body .svc .head h2, body .trust .head h2, body .tools .head h2,
body .sect .head h2, body .refs .head h2, body .close-in h2{
  font-size:clamp(26px,3.4vw,44px) !important; line-height:1.08 !important; letter-spacing:-0.018em !important; font-weight:700; }
body h1.elementor-heading-title, body .page-header-title{
  font-size:clamp(28px,3.8vw,52px) !important; line-height:1.06 !important; letter-spacing:-0.02em !important; }
/* Üst yazılar (eyebrow) — clou'nun geniş aralıklı küçük etiketi */
body .eyebrow, body .dtxg-eyebrow, body .dtxg-film-eyebrow, body .am{
  font-family:var(--dtex-sans) !important; font-size:12px !important; font-weight:500;
  letter-spacing:0.22em !important; text-transform:uppercase; color:var(--dtex-muted); }
body .eyebrow{ color:var(--dtex-accent); }
/* Gövde metni ve yardımcı satırlar */
body .lead, body .head p{ font-size:16px; line-height:1.6; color:var(--dtex-muted); max-width:64ch; }
body .svc-card p, body .cap p, body .step p, body .sec p{ font-size:14.5px; line-height:1.6; color:var(--dtex-muted); }
/* Sayılar — tabular, dev, sıkı */
body .stat .num, body .num b{ font-family:var(--dtex-sans) !important; font-weight:700;
  font-variant-numeric:tabular-nums; letter-spacing:-0.02em; line-height:1; }

/* ---------- hero + film aynı aileye geçer ---------- */
.dtxg-hero.dtxg-hero{ --dtxg-font:var(--dtex-sans); --dtxg-font-head:var(--dtex-sans); }
.dtxg-hero.dtxg-hero .dtxg-title{ font-weight:700; letter-spacing:-0.02em; }
.dtxg-hero.dtxg-hero .dtxg-eyebrow{ letter-spacing:0.22em; }
.dtxg-film.dtxg-film{ font-family:var(--dtex-sans); }
.dtxg-film.dtxg-film .dtxg-film-title{ font-family:var(--dtex-sans); font-weight:700; letter-spacing:-0.015em; }

/* ---------- düğmeler: palet + AA (turuncu üzerinde KOYU metin) ---------- */
body .btn-solid, body .elementor-button, body a.button, body button[type="submit"], body input[type="submit"]{
  font-weight:700; letter-spacing:0.02em; }
body .btn-solid, body .elementor-button{ background-color:var(--dtex-accent); border-color:var(--dtex-accent); color:#0A0D10 !important; }
body .btn-solid:hover, body .elementor-button:hover{ background-color:#FF8E3D; border-color:#FF8E3D; color:#0A0D10 !important; }
body .btn-ghost{ color:var(--dtex-ink); border-color:var(--dtex-ink); }
body .btn-ghost:hover{ border-color:var(--dtex-accent); color:var(--dtex-ink); }

/* ---------- bağlantı ve ayraç dili ---------- */
body .entry-content a:not(.btn):not(.elementor-button), body .dtx-ftr-in a:hover{ color:var(--dtex-accent); }
body hr{ border-color:var(--dtex-line); }

/* ---------- eski gövde fontlarının kalıntıları (Roboto/Montserrat) etkisiz ---------- */
body .dtx-main, body .dtx-top, body .dtx-menu, body .dtx-ftr-in, body .dtx-mersis{ font-family:var(--dtex-sans) !important; }

/* ---------- başlık altındaki sismik tarama çizgisi KALDIRILDI (Hocam, 21.08) ----------
   Kaynak: Elementor başlık şablonu #2576 → HTML widget'ı (svg.dtx-seis) — bu yüzden her sayfada.
   Hocam: "çizgiyi de kaldırabilirsin, temiz bir sitemiz olsun" → soldan sağa akan turuncu dalga
   (.dtx-pulse) VE soluk ayırıcı çizgi (.dtx-base) birlikte gider; 8px'lik şerit de yer kaplamaz.
   display:none olduğu için dtx-scan animasyonu hiç çalışmaz (boşuna CPU yok). */
#dtx-hdr .dtx-seis{ display:none !important; }