/* Ara sürüm düzeltmeleri (docs/gecis-plani.md, Aşama 1). Eski temanın üstüne biner; yeni site gelince kalkar. */
:root {
  --ek-yesil: #1e7f5c;      /* eski #3ec492 yerine; beyaz yazıyla 4,9:1 */
  --ek-yesil-koyu: #155c43;
  --ek-pas: #b4441b;        /* arama düğmesi; beyaz yazıyla 5,5:1 */
  --ek-pas-koyu: #8f3413;
  --ek-metin: #2b2b2b;
  --ek-ikincil: #4d4d4d;
}

/* ---------- ilk ekran ---------- */
.ek-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 560px;
  padding: 72px 20px;
  background: #1a1a1a url(/ek/hero.jpg) center 40% / cover no-repeat;
  color: #fff;
  box-sizing: border-box;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}
.ek-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10, 12, 14, .88) 0%, rgba(10, 12, 14, .7) 55%, rgba(10, 12, 14, .45) 100%);
}
.ek-hero-ic { position: relative; max-width: 1170px; width: 100%; margin: 0 auto; }
.ek-hero-ust {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #e9e3da;
}
.ek-hero h1 {
  max-width: 760px;
  margin: 0 0 18px;
  font-family: Poppins, Rubik, Arial, sans-serif;
  font-size: clamp(30px, 4.6vw, 52px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #fff;
  text-transform: none;
}
.ek-hero p.ek-hero-alt { max-width: 620px; margin: 0 0 28px; font-size: 19px; line-height: 1.55; color: #f4f1ec !important; }
.ek-hero p.ek-hero-ust { color: #e9e3da !important; }
.ek-hero p.ek-suzgec { color: #e9e3da !important; }

/* ---------- düğmeler ---------- */
.ek-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; }
.ek-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 6px;
  font-family: Rubik, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background-color .15s ease;
}
.ek-btn-tel, .ek-btn-tel:visited { background: var(--ek-pas); color: #fff !important; }
.ek-btn-tel:hover, .ek-btn-tel:focus-visible { background: var(--ek-pas-koyu); color: #fff !important; }
.ek-btn-wa, .ek-btn-wa:visited { background: var(--ek-yesil); color: #fff !important; }
.ek-btn-wa:hover, .ek-btn-wa:focus-visible { background: var(--ek-yesil-koyu); color: #fff !important; }
.ek-btn:focus-visible { outline: 3px solid #ffd27a; outline-offset: 2px; }
.ek-suzgec { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ek-ikincil); }

/* ---------- fiyat tablosu ---------- */
.ek-fiyat { max-width: 720px; margin: 0 0 32px; color: var(--ek-metin); }
.ek-fiyat-tarih { margin: 0 0 12px; font-size: 16px; font-weight: 600; color: var(--ek-metin); }
.ek-fiyat-tablo { width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: 18px; }
.ek-fiyat-tablo th {
  padding: 12px 14px;
  background: var(--ek-yesil);
  color: #fff;
  font-weight: 600;
  text-align: left;
}
.ek-fiyat-tablo th:last-child, .ek-fiyat-tablo td:last-child { text-align: right; white-space: nowrap; }
.ek-fiyat-tablo td { padding: 12px 14px; border-bottom: 1px solid #e3e3e3; color: var(--ek-metin); }
.ek-fiyat-tablo tbody tr:nth-child(even) td { background: #f6f6f4; }
.ek-fiyat-tablo td:last-child { font-weight: 700; }
.ek-not { margin: 0 0 18px; font-size: 16px; line-height: 1.5; color: var(--ek-ikincil); }

/* ---------- iletişim / teklif ---------- */
.ek-iletisim { max-width: 720px; margin: 0 0 32px; color: var(--ek-metin); }
.ek-iletisim h2 { margin: 0 0 10px; font-size: 28px; line-height: 1.25; color: var(--ek-metin); }
.ek-iletisim p { font-size: 17px; line-height: 1.55; color: var(--ek-ikincil); }

/* ---------- okunabilirlik: eski temanın açık gri metinleri ---------- */
.themesflat-boxed .entry-content p,
.themesflat-boxed .wpb_text_column p,
.themesflat-boxed .iconbox .iconbox-content p,
.themesflat-boxed .services-content p,
.themesflat-boxed .post-content p,
.themesflat-boxed .content-area p { color: var(--ek-ikincil); }

/* üst bilgi: açık yeşil desenli zeminde beyaz numara okunmuyordu (2,2:1) */
header, .header-left .themesflat_header_wrap, .bg-image-header #header {
  background-image: none !important;
  background-color: var(--ek-yesil-koyu) !important;
}
.ek-ust-wa, .ek-ust-wa:visited { background: var(--ek-yesil) !important; color: #fff !important; }

/* fiyat tablosu: malzeme adı sola */
.ek-fiyat-tablo td:first-child, .ek-fiyat-tablo th:first-child { text-align: left !important; }

/* telefonda alt şerit: Ara + WhatsApp (eski yüzen rozetler içeriğin üstüne biniyordu) */
.ek-serit { display: none; }

/* eski "Teklif Formu" yan sekmesi (form artık yok) */
[class*="ipt-fsqm-modal"], [class*="ipt_fsqm_popup"], .ipt-eform-popup-button { display: none !important; }

/* ---------- telefon ---------- */
@media (max-width: 767px) {
  .ek-hero {
    min-height: 0;
    padding: 40px 18px 44px;
    background-image: url(/ek/hero-mobil.jpg);
    background-position: center;
  }
  .ek-hero::before { background: rgba(10, 12, 14, .78); }
  .ek-hero-ust { font-size: 13px; }
  .ek-hero-alt { font-size: 17px; margin-bottom: 22px; }
  .ek-dugmeler { flex-direction: column; }
  .ek-btn { width: 100%; font-size: 17px; }
  .ek-fiyat-tablo { font-size: 16px; }
  .ek-fiyat-tablo th, .ek-fiyat-tablo td { padding: 11px 10px; }
  .telefon, .whatsapp { display: none !important; }
  body { padding-bottom: 64px; }
  .ek-serit {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    height: 60px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .18);
  }
  .ek-serit a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Rubik, Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
  }
  .ek-serit .ek-serit-tel { background: var(--ek-pas); }
  .ek-serit .ek-serit-wa { background: var(--ek-yesil); }
}