/* ================================================================
   İzmir Ziebart Premium — marka ayrıştırma katmanı (skin)
   Solaria altyapısı korunur; tipografi, köşe dili, buton ve bölüm
   stilleri değiştirilerek tema kimliği farklılaştırılır.
   ================================================================ */

/* --- Tipografi: otomotiv karakteri --- */
* {
  --body-font: "Barlow", Helvetica, Arial, sans-serif;
  --heading-font: "Barlow Condensed", "Barlow", Helvetica, Arial, sans-serif;
  --heading-font-weight: 700;
}

h1, h2, h3, .h1, .h2, .h3,
h1 span, h2 span {
  font-family: var(--heading-font) !important;
  text-transform: uppercase;
  letter-spacing: 0.015em;
}

h4, h5, .h4, .h5 {
  font-family: var(--heading-font) !important;
  letter-spacing: 0.01em;
}

/* --- Köşe dili: yumuşak köşe yok — keskin, teknik görünüm --- */
.rounded-1, .rounded-2, .rounded-3 { border-radius: 0 !important; }
.btn-main { border-radius: 0 !important; }
.circle { border-radius: 0 !important; }

/* --- Butonlar: uppercase, condensed, sol kırmızı kanat --- */
.btn-main {
  font-family: var(--heading-font);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  border-left: 4px solid #7E0A1D;
}
.btn-main.btn-line { border-left: 4px solid var(--primary-color); }

/* --- Kicker / subtitle: pill yerine kırmızı çizgili teknik etiket --- */
div.subtitle {
  background: none !important;
  color: var(--primary-color) !important;
  text-transform: uppercase;
  font-family: var(--heading-font);
  letter-spacing: 0.22em;
  font-weight: 600;
  font-size: 13px;
  padding: 0 0 0 14px !important;
  border-left: 3px solid var(--primary-color);
  border-radius: 0 !important;
}

/* --- Güven şeridi / marquee: sarı-band görünümünden siyah teknik banda --- */
section .bg-color.text-dark.d-flex,
.de-marquee-list-2 { }
section[aria-label='Güven Şeridi'] .bg-color,
section[aria-label='İstatistikler'] .bg-dark {
  background: #0a0a0c !important;
  border-top: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}
section[aria-label='Güven Şeridi'] .fs-40 {
  font-family: var(--heading-font);
  text-transform: uppercase;
  font-size: 30px !important;
  color: #fff;
}

/* --- Kart dili: gölge yerine ince çerçeve + hover'da kırmızı alt çizgi --- */
.shadow-soft { box-shadow: none !important; border: 1px solid #e9e9ee; }
.bg-white.p-4, .bg-light.p-4 { border-bottom: 3px solid transparent; transition: border-color .25s ease, transform .25s ease; }
.bg-white.p-4:hover, .bg-light.p-4:hover { border-bottom-color: var(--primary-color); transform: translateY(-3px); }

/* --- Hero görsel çerçevesi: diyagonal kesim + kırmızı ofset --- */
.zb-hero-media {
  position: relative;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}
.zb-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(200deg, rgba(200,16,46,0.0) 55%, rgba(200,16,46,0.35) 100%);
  pointer-events: none;
}
.zb-hero-frame {
  position: absolute;
  left: -14px;
  bottom: -14px;
  width: 55%;
  height: 45%;
  border-left: 4px solid var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
  z-index: 0;
}

/* Hero istatistik şeridi */
.zb-hero-stats {
  display: flex;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,0.14);
  margin-top: 42px;
}
.zb-hero-stats > div {
  padding: 18px 26px 0 0;
  margin-right: 26px;
}
.zb-hero-stats > div + div { border-left: 1px solid rgba(255,255,255,0.14); padding-left: 26px; }
.zb-hero-stats b {
  display: block;
  font-family: var(--heading-font);
  font-size: 26px;
  color: var(--primary-color);
  line-height: 1;
  text-transform: uppercase;
}
.zb-hero-stats span { font-size: 12.5px; color: rgba(255,255,255,0.65); }

/* --- Süreç numaraları: içi boş kontur rakam --- */
section[aria-label='Uygulama Süreci'] .id-color.fw-800 {
  -webkit-text-stroke: 2px var(--primary-color);
  color: transparent !important;
  font-family: var(--heading-font);
}

/* Solaria back-to-top kaldırıldı — tek FAB düzeni: sağda WhatsApp, mobilde solda telefon */
#back-to-top { display: none !important; }

/* ================================================================
   REVEAL FAIL-SAFE — wow.js/animate.css tetiklenmese bile içerik
   HER ZAMAN görünür. (Kullanıcıda sayfa soluk kalıyordu: içerik
   büyük .wow sarmalayıcılarında; animasyon başlamazsa yarı görünür
   takılıyor. Ads landing için animasyon riskine değmez — kapalı.)
   ================================================================ */
.wow {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}
.show-on-scroll { opacity: 1 !important; transform: none !important; }