/* ==========================================================================
   WATER POINT — KURUMSAL SAYFALAR
   Kampanyalar · Sertifikalarımız · Referanslarımız
   ========================================================================== */

.wpt-kurumsal-bas{ margin:8px 0 34px; max-width:var(--wpt-en-dar) }
.wpt-kurumsal-bas h1{
  margin:6px 0 0; font-size:clamp(26px,4vw,38px); font-weight:800;
  letter-spacing:var(--wpt-track-s); color:var(--wpt-ink); text-wrap:balance;
}
.wpt-kurumsal-alt{
  margin:14px 0 0; font-size:16.5px; line-height:1.62; color:var(--wpt-ink-2);
}

/* --------------------------------------------------------------------------
   KART IZGARASI — ortak
   -------------------------------------------------------------------------- */
.wpt-kurumsal-kartlar{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1px;
  background:var(--wpt-surface); border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r); overflow:hidden;
}
/* ⚠ SON SIRA YARIM KALMASIN.
   Izgara 1 piksellik boşluklarla çiziliyor ve zemini çizgi rengi; dolayısıyla
   BOŞ KALAN HÜCRE gri bir blok olarak görünüyor. `auto-fit` 1240 pikselde
   dört sütun açıyor, kampanya sayfasında ise altı kart var: 4 + 2 ve sağda
   iki gri boşluk. Kullanıcı: *"burayı da orantılarsın."*

   Tam altı kart olduğunda üç sütuna iniliyor — iki sıra da tam doluyor.
   `:has()` ile kart sayısına bakılıyor; şablonlara sınıf eklemek gerekmiyor,
   bir kart eklenip çıkarıldığında kural kendiliğinden doğru kalıyor. */
.wpt-kurumsal-kartlar:has(> article:nth-child(6)):not(:has(> article:nth-child(7))){
  grid-template-columns:repeat(3, minmax(0,1fr));
}
@media (max-width:980px){
  .wpt-kurumsal-kartlar:has(> article:nth-child(6)):not(:has(> article:nth-child(7))){
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:560px){
  .wpt-kurumsal-kartlar,
  .wpt-kurumsal-kartlar:has(> article:nth-child(6)):not(:has(> article:nth-child(7))){
    grid-template-columns:1fr;
  }
}
.wpt-kurumsal-kartlar article{
  position:relative; background:var(--wpt-surface); padding:22px 20px 24px; box-shadow:0 0 0 1px var(--wpt-line);}
.wpt-kurumsal-kartlar article::before{
  content:""; position:absolute; top:0; left:0; right:0; height:var(--wpt-tick);
  background:var(--wpt-amber); transform:scaleX(0); transform-origin:left;
  transition:transform var(--wpt-gecis);
}
.wpt-kurumsal-kartlar article:hover::before{ transform:scaleX(1) }
.wpt-kurumsal-kartlar h3{
  margin:0 0 8px; font-size:16.5px; font-weight:700;
  letter-spacing:-.015em; color:var(--wpt-ink); line-height:1.3;
}
.wpt-kurumsal-kartlar p{ margin:0; font-size:14.5px; line-height:1.55; color:var(--wpt-ink-2) }
.wpt-kurumsal-kartlar p + p{ margin-top:9px }
.wpt-kurumsal-kartlar a{ color:var(--wpt-brand); text-decoration:underline; text-underline-offset:2px }
.wpt-belge-not{
  font-family:var(--wpt-mono); font-size:10.5px; letter-spacing:var(--wpt-track-l);
  text-transform:uppercase; color:var(--wpt-ink-3);
}

/* --------------------------------------------------------------------------
   ETBİS BELGE KARTI — sayfanın tek "rozeti", doğrulanabilir olduğu için
   -------------------------------------------------------------------------- */
.wpt-belge{
  position:relative; background:var(--wpt-koyu); color:var(--wpt-koyu-ink-2);
  border-radius:var(--wpt-r); padding:34px 32px; overflow:hidden;
}
.wpt-belge::before{
  content:""; position:absolute; top:0; left:0; width:110px; height:var(--wpt-tick);
  background:var(--wpt-amber);
}
.wpt-belge .wpt-tick{ color:var(--wpt-koyu-ink-3) }
.wpt-belge h2{
  margin:8px 0 12px; color:#fff; font-size:clamp(21px,3vw,27px);
  font-weight:800; letter-spacing:var(--wpt-track-s);
}
.wpt-belge p{ margin:0 0 20px; max-width:60ch; font-size:15.5px; line-height:1.6 }

/* --------------------------------------------------------------------------
   SAYILAR
   -------------------------------------------------------------------------- */
.wpt-kurumsal-sayi{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1px;
  margin:0; background:var(--wpt-surface);
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r); overflow:hidden;
}
.wpt-kurumsal-sayi > div{ background:var(--wpt-surface); padding:22px 20px; box-shadow:0 0 0 1px var(--wpt-line);}
.wpt-kurumsal-sayi dt{
  font-family:var(--wpt-mono); font-size:10px; font-weight:500;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase; color:var(--wpt-ink-3);
}
.wpt-kurumsal-sayi dd{
  margin:7px 0 0; font-size:30px; font-weight:800;
  letter-spacing:var(--wpt-track-s); color:var(--wpt-ink);
  font-variant-numeric:tabular-nums; line-height:1;
}

/* --------------------------------------------------------------------------
   SEKTÖR ÇİPLERİ
   -------------------------------------------------------------------------- */
.wpt-kurumsal-cip{
  display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0;
}
.wpt-kurumsal-cip li{
  padding:9px 16px; border-radius:var(--wpt-r-hap);
  background:var(--wpt-surface-2); border:1px solid var(--wpt-line);
  font-size:14.5px; font-weight:600; color:var(--wpt-ink-2);
}

/* --------------------------------------------------------------------------
   İLÇE LİSTESİ
   -------------------------------------------------------------------------- */
.wpt-ilce-liste{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:1px;
  list-style:none; margin:0; padding:0;
  background:var(--wpt-surface); border:1px solid var(--wpt-line);
  border-radius:var(--wpt-r); overflow:hidden;
}
.wpt-ilce-liste a{
  display:block; background:var(--wpt-surface); padding:13px 16px;
  font-size:14.5px; font-weight:600; color:var(--wpt-ink-2);
  transition:background var(--wpt-gecis), color var(--wpt-gecis); box-shadow:0 0 0 1px var(--wpt-line);}
.wpt-ilce-liste a:hover{ background:var(--wpt-brand-soft); color:var(--wpt-brand); text-decoration:none }

.wpt-kurumsal-metin{ margin:44px 0; max-width:var(--wpt-en-dar) }

@media (prefers-reduced-motion:reduce){
  .wpt-kurumsal-kartlar article::before,
  .wpt-ilce-liste a{ transition:none }
}

/* ==========================================================================
   İLETİŞİM SAYFASI
   Sayfanın kendi Kadence içeriği basılmıyor (bkz. page-templates/iletisim.php);
   düzen burada kuruluyor. Bileşenler temanın mevcut dilinden türüyor:
   panel = .wpt-card yüzeyi, koyu kutu = --wpt-grad-koyu, imza = amber segment.
   ========================================================================== */

.wpt-kanal-grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(auto-fit, minmax(255px, 1fr));
}
.wpt-kanal{
  position:relative; overflow:hidden;
  display:flex; align-items:flex-start; gap:14px;
  padding:20px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-grad-kagit);
  box-shadow:var(--wpt-golge-sm);
  color:inherit; text-decoration:none;
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis-lg),
             transform var(--wpt-gecis-lg);
}
/* İmza — üstte, hover'da açılan amber segment (kart deseniyle aynı) */
.wpt-kanal::before{
  content:""; position:absolute; top:0; left:16px; right:16px; height:var(--wpt-tick);
  border-radius:0 0 var(--wpt-r-hap) var(--wpt-r-hap);
  background:var(--wpt-grad-amber);
  transform:scaleX(0); transition:transform var(--wpt-gecis-lg);
}
a.wpt-kanal:hover{
  border-color:transparent; transform:translateY(-4px);
  box-shadow:var(--wpt-golge-lg); text-decoration:none;
}
a.wpt-kanal:hover::before{ transform:scaleX(1) }
a.wpt-kanal:focus-visible{ outline:2px solid var(--wpt-brand); outline-offset:2px }

.wpt-kanal-ikon{
  flex:0 0 auto; display:grid; place-items:center;
  width:44px; height:44px; border-radius:12px;
  background:var(--wpt-brand-soft); color:var(--wpt-brand);
  transition:background var(--wpt-gecis), color var(--wpt-gecis);
}
.wpt-kanal.is-wa .wpt-kanal-ikon{ background:var(--wpt-iyi-soft); color:var(--wpt-iyi) }
a.wpt-kanal:hover .wpt-kanal-ikon{ background:var(--wpt-brand); color:var(--wpt-btn-ink) }
a.wpt-kanal.is-wa:hover .wpt-kanal-ikon{ background:var(--wpt-iyi); color:#fff }

.wpt-kanal-ic{ display:flex; flex-direction:column; gap:3px; min-width:0 }
.wpt-kanal-ic b{
  font-family:var(--wpt-mono); font-size:var(--wpt-fs-xs); font-weight:600;
  letter-spacing:var(--wpt-track-l); text-transform:uppercase; color:var(--wpt-ink-3);
}
.wpt-kanal-deger{
  font-size:17px; font-weight:700; letter-spacing:var(--wpt-track-m);
  color:var(--wpt-ink); line-height:1.3;
}
.wpt-kanal-deger.is-kucuk{ font-size:14.5px; font-weight:600; line-height:1.45 }
.wpt-kanal-ic small{ font-size:var(--wpt-fs-xs); color:var(--wpt-ink-3); line-height:1.5 }

/* Adres kartı tıklanabilir değil — kalkmaz, imzası açılmaz. */
.wpt-kanal.is-pasif{ cursor:default }

/* --- Saatler + öncelikli eylem --- */
.wpt-iletisim-alt{
  display:grid; gap:18px; grid-template-columns:1fr 1.15fr; align-items:stretch;
}
@media (max-width:900px){ .wpt-iletisim-alt{ grid-template-columns:1fr } }

.wpt-saat-kutu{
  padding:26px;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-grad-kagit); box-shadow:var(--wpt-golge-sm);
}
.wpt-saat-kutu h2{ margin:0 0 18px; font-size:22px }
.wpt-saat{ margin:0; display:flex; flex-direction:column; gap:0 }
.wpt-saat > div{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid var(--wpt-line);
}
.wpt-saat > div:last-child{ border-bottom:0 }
.wpt-saat dt{ font-size:14.5px; font-weight:600; color:var(--wpt-ink) }
.wpt-saat dd{
  margin:0; font-family:var(--wpt-mono); font-size:14px; font-weight:600;
  font-variant-numeric:tabular-nums; color:var(--wpt-ink-2);
}
.wpt-saat > div.is-kapali dt,
.wpt-saat > div.is-kapali dd{ color:var(--wpt-ink-3) }
.wpt-saat-not{
  margin:16px 0 0; font-size:var(--wpt-fs-sm); line-height:1.55; color:var(--wpt-ink-3);
}

.wpt-iletisim-cta{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; justify-content:center;
  padding:30px;
  border-radius:var(--wpt-r);
  background:var(--wpt-grad-koyu); color:var(--wpt-koyu-ink);
  box-shadow:var(--wpt-golge);
}
.wpt-iletisim-cta::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(520px 240px at 8% -30%, rgba(94,165,232,.24), transparent 70%),
    radial-gradient(380px 200px at 96% 125%, rgba(217,164,90,.14), transparent 72%);
}
.wpt-iletisim-cta > *{ position:relative; z-index:1 }
.wpt-iletisim-cta h2{ margin:0 0 12px; color:#fff; font-size:26px }
.wpt-iletisim-cta p{ margin:0 0 12px; color:var(--wpt-koyu-ink-2); font-size:15px; line-height:1.62 }
.wpt-iletisim-kesif{
  padding:12px 15px; border-radius:var(--wpt-r-sm);
  border-left:var(--wpt-tick) solid var(--wpt-amber);
  background:rgba(255,255,255,.06);
  font-size:13.5px !important;   /* koyu kutuda ölçü farkı bilinçli: bu bir not */
  color:var(--wpt-koyu-ink) !important;
}
.wpt-iletisim-btn{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px }

/* Destek alanı kartlarındaki başlık bağlantısı */
.wpt-kurumsal-kartlar h3 a{ color:var(--wpt-ink) }
.wpt-kurumsal-kartlar h3 a:hover{ color:var(--wpt-brand); text-decoration:none }

@media (max-width:560px){
  .wpt-saat-kutu, .wpt-iletisim-cta{ padding:20px }
}


/* ==========================================================================
   BELGELER — önizlemeli sertifika ızgarası

   ⚠ ÖNİZLEME ORANI SABİT: 1 / 1.414 (A4).
   Belgeler tarandığı için her biri başka piksel boyutunda geliyor
   (1055×1491, 1240×1754, 1275×1650). Oran sabitlenmeseydi kartlar
   birbirinden farklı boyda olur, ızgara tırtıklı görünürdü.
   `object-fit:cover` + `object-position:top` seçildi çünkü bir belgenin
   ayırt edici kısmı üstüdür: başlık, kurum logosu ve belge numarası.

   ⚠ ZEMİN HER İKİ TEMADA DA BEYAZ KALIYOR. Belgeler beyaz kâğıda
   basılmış taramalar; koyu temada yüzey rengine oturunca kenarları
   kayboluyor ve "şeffaf bir şeyler" gibi duruyorlar. Levha, logo
   sorununda olduğu gibi belgenin KENDİSİNE dokunmadan çözüyor:
   görsele filtre uygulanmıyor, yalnızca altına kâğıt konuyor.
   ========================================================================== */
.wpt-belgeler{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  gap:var(--wpt-gap);
}
@media (max-width:1180px){ .wpt-belgeler{ grid-template-columns:repeat(3, minmax(0,1fr)) } }
@media (max-width:900px){  .wpt-belgeler{ grid-template-columns:repeat(2, minmax(0,1fr)) } }
@media (max-width:520px){  .wpt-belgeler{ grid-template-columns:1fr } }

.wpt-belge-kart{
  display:flex; flex-direction:column;
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r-lg);
  background:var(--wpt-surface); overflow:hidden;
  transition:border-color var(--wpt-gecis), box-shadow var(--wpt-gecis),
             transform var(--wpt-gecis);
}
.wpt-belge-kart:hover{
  border-color:transparent; transform:translateY(-2px);
  box-shadow:var(--wpt-parilti);
}

.wpt-belge-onizleme{
  position:relative; display:block;
  aspect-ratio:1 / 1.414;
  background:#fff;
  border-bottom:1px solid var(--wpt-line);
  overflow:hidden;
}
.wpt-belge-onizleme img{
  width:100%; height:100%;
  object-fit:cover; object-position:top center;
}
/* Önizlemesi olmayan PDF — kırık görsel yerine simge. */
.wpt-belge-simge{
  position:absolute; inset:0; display:grid; place-items:center;
  color:var(--wpt-ink-3);
}

/* Büyütme işareti: "bu bir görsel değil, açılabilir bir belge". */
.wpt-belge-buyut{
  position:absolute; right:10px; bottom:10px;
  display:grid; place-items:center; width:30px; height:30px;
  border-radius:9px;
  background:var(--wpt-surface); color:var(--wpt-brand);
  box-shadow:var(--wpt-golge-sm);
  opacity:0; transform:translateY(4px);
  transition:opacity var(--wpt-gecis), transform var(--wpt-gecis);
}
.wpt-belge-kart:hover .wpt-belge-buyut,
.wpt-belge-onizleme:focus-visible .wpt-belge-buyut{ opacity:1; transform:none }
/* Dokunmatikte hover yok — işaret hep görünür. */
@media (hover:none){
  .wpt-belge-buyut{ opacity:1; transform:none }
}
@media (prefers-reduced-motion:reduce){
  .wpt-belge-kart:hover{ transform:none }
  .wpt-belge-buyut{ transition:opacity .01s; transform:none }
}

.wpt-belge-govde{
  display:flex; flex-direction:column; gap:7px;
  padding:14px 15px 16px;
}
.wpt-belge-govde h3{
  margin:0; font-size:14.5px; font-weight:700; line-height:1.35;
  letter-spacing:var(--wpt-track-s);
}
.wpt-belge-govde p{
  margin:0; font-size:12.5px; line-height:1.6; color:var(--wpt-ink-2);
}
.wpt-belge-baglanti{
  margin-top:3px; display:inline-flex; align-items:center; gap:5px;
  font-size:12.5px; font-weight:600; color:var(--wpt-brand);
}
.wpt-belge-baglanti svg{ flex:0 0 auto; transition:transform var(--wpt-gecis) }
.wpt-belge-baglanti:hover{ text-decoration:none }
.wpt-belge-baglanti:hover svg{ transform:translate(2px,-2px) }
@media (prefers-reduced-motion:reduce){
  .wpt-belge-baglanti:hover svg{ transform:none }
}

/* --------------------------------------------------------------------------
   HARİTA — iletişim sayfası
   Canlıda gömülü harita vardı, yeni şablonda yoktu. Kullanıcı: *"bu iletişimi
   haritalarda bir görünüm olsa canlıdaki gibi, güzel gözükür."*
   -------------------------------------------------------------------------- */
.wpt-harita{
  border:1px solid var(--wpt-line); border-radius:var(--wpt-r);
  background:var(--wpt-surface); overflow:hidden;
}
/* ⚠ ORAN KAPTAN GELİYOR, iframe'in kendi yüksekliğinden değil. Gömülü
   haritanın içsel boyutu yok; yükseklik verilmezse 150 piksellik bir şeride
   düşüyor. Mobilde daha kare, masaüstünde daha geniş. */
.wpt-harita-cerceve{
  position:relative; width:100%; aspect-ratio:4/3; background:var(--wpt-surface-2);
}
@media (min-width:720px){ .wpt-harita-cerceve{ aspect-ratio:21/8 } }
.wpt-harita-cerceve iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block;
}
.wpt-harita-alt{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px; padding:16px 18px;
  border-top:1px solid var(--wpt-line);
}
.wpt-harita-yer{ display:flex; flex-direction:column; gap:3px; min-width:0 }
.wpt-harita-yer b{
  font-size:var(--wpt-fs-sm); font-weight:700; color:var(--wpt-ink);
}
.wpt-harita-yer span{
  font-size:var(--wpt-fs-sm); color:var(--wpt-ink-3); line-height:1.5;
}
@media (max-width:560px){
  .wpt-harita-alt{ flex-direction:column; align-items:stretch }
  .wpt-harita-alt .wpt-btn{ justify-content:center }
}