/*
Theme Name: Bitez Yalı
Theme URI: https://bitezyalisitesi.com
Description: Bitez Yalı Sitesi için Astra alt teması — lacivert/turuncu kurumsal kimlik, ufukta doğan güneşli giriş bölümü ve hazır ana sayfa desenleri.
Author: Bitez Yalı Sitesi Yönetimi
Template: astra
Version: 1.14
Text Domain: bitez-yali
*/

/* ═══════════════════════════════════════════════════════════════
   ✏️ RENKLER — tüm site renkleri buradan değişir
   ═══════════════════════════════════════════════════════════════ */
:root{
  --lacivert:#15335F;
  --gece:#0E2548;
  --gunes:#F08A24;
  --badana:#FBF8F2;
  --deniz:#E9F1F7;
  --murekkep:#202C3B;
  --soluk:#5D6B7E;
  --cizgi:rgba(21,51,95,.16);
  --radius:14px;
}

/* ── Genel tipografi ─────────────────────────────────────────── */
body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--badana);color:var(--murekkep);
  font-size:1.0625rem;line-height:1.7}
h1,h2,h3,h4{font-family:"Fraunces","Georgia",serif;line-height:1.25}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
html{scroll-behavior:smooth}
.site-main p{line-height:1.7}
.site-main h3{font-size:1.18rem;color:var(--lacivert);margin-top:34px}
.wp-block-list li{line-height:1.65}

/* ── Astra üstbilgi/altbilgi uyarlaması ──────────────────────── */
.site-header{background:var(--badana)}
.site-header a, .main-header-menu .menu-link{color:var(--lacivert)}
.site-footer{background:var(--gece);color:#A9BBD3}
.site-footer a{color:#fff}
/* v1.17: Astra "below footer" sarmalayıcısı varsayılan beyaz gelir —
   koyu lacivert footer için ez; telif yazısı da açık renk olsun. */
.site-footer .site-below-footer-wrap{background:var(--gece)}
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p{color:#C3D2E6}

/* ── Hero: ufukta doğan güneş ────────────────────────────────── */
.bitez-hero{position:relative;overflow:hidden;color:#fff;
  display:flex;align-items:center;
  min-height:clamp(540px,74vh,780px);
  background:linear-gradient(180deg,#0A1C3B 0%,#16345F 52%,#2A5388 88%,#3A659C 100%)}
.bitez-hero .hero-ic{position:relative;z-index:3;width:100%;max-width:980px;
  margin:0 auto;padding:96px 20px 120px}
.bitez-hero .ust-etiket{font-family:"IBM Plex Mono",monospace;font-size:.74rem;
  letter-spacing:2.5px;color:#F6C98A;margin-bottom:14px}
.bitez-hero h1{font-size:clamp(2.5rem,6.5vw,4rem);font-weight:700;
  color:#fff;max-width:14ch;line-height:1.12;margin:0}
.bitez-hero p{margin-top:18px;max-width:46ch;color:#D9E4F0;font-size:1.08rem}
.hero-btnler{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;
  font-weight:700;font-size:.92rem;text-decoration:none}
.btn-gunes{background:var(--gunes);color:var(--gece)}
.btn-gunes:hover{background:#FF9C3B;color:var(--gece)}
.btn-cizgili{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.btn-cizgili:hover{border-color:#fff;color:#fff}
.gunes-disk{position:absolute;z-index:1;right:7%;bottom:-120px;
  width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#FFC077,var(--gunes) 70%);
  box-shadow:0 0 130px 30px rgba(240,138,36,.42);
  animation:gundogumu 1.8s cubic-bezier(.2,.8,.3,1) both}
@keyframes gundogumu{from{transform:translateY(170px)}to{transform:translateY(0)}}
.ufuk{position:absolute;z-index:2;left:0;right:0;bottom:0;height:130px;
  background:linear-gradient(180deg,transparent,rgba(240,138,36,.14))}
.ufuk::after{content:"";position:absolute;right:0;bottom:0;width:58%;height:100px;
  background:radial-gradient(ellipse at 72% 100%,rgba(255,176,92,.4),transparent 68%)}
.yelkenli{position:absolute;z-index:2;left:9%;bottom:14px;width:86px;opacity:.96}
.bitez-hero::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;
  height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}

/* v1.8: hero'da gerçek amblem — beyaz tekne + turuncu güneş */
.hero-amblem{position:absolute;z-index:2;right:5%;bottom:-2px;
  width:clamp(230px,23vw,340px);height:auto;
  filter:saturate(.82) drop-shadow(0 12px 36px rgba(240,138,36,.25));
  animation:gundogumu 1.6s cubic-bezier(.2,.8,.3,1) both}

/* hero metni kademeli giriş */
@keyframes belirme{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-ic .ust-etiket,.hero-ic h1,.hero-ic p,.hero-ic .hero-btnler{
  animation:belirme .7s cubic-bezier(.2,.7,.3,1) both}
.hero-ic h1{animation-delay:.12s}
.hero-ic p{animation-delay:.24s}
.hero-ic .hero-btnler{animation-delay:.38s}

/* aşağı kaydırma ipucu */
.kaydir{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);
  width:26px;height:42px;border:2px solid rgba(255,255,255,.45);border-radius:999px}
.kaydir:hover{border-color:rgba(255,255,255,.85)}
.kaydir::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;
  margin-left:-2px;border-radius:2px;background:#fff;
  animation:kaydir-nokta 1.8s ease-in-out infinite}
@keyframes kaydir-nokta{0%,100%{transform:translateY(0);opacity:1}
  60%{transform:translateY(12px);opacity:.2}}

@media(max-width:680px){
  .gunes-disk{width:210px;height:210px;bottom:-85px;right:4%}
  .hero-amblem{width:min(230px,58vw);right:3%;opacity:.9}
  .kaydir{display:none}
  .bitez-hero{min-height:62vh}
  .bitez-hero h1{font-size:clamp(2rem,9.5vw,2.4rem)}
  .hero-btnler{margin-top:22px}
  .bitez-hero .hero-ic{padding:64px 20px 130px}}
@media (prefers-reduced-motion:reduce){
  .gunes-disk,.hero-amblem,.hero-ic .ust-etiket,.hero-ic h1,.hero-ic p,
  .hero-ic .hero-btnler,.kaydir::after{animation:none}}

/* ── Bölüm başlıkları (desenlerdeki H2'ler) ──────────────────── */
.site-main{counter-reset:bolum}
.bolum-h{counter-increment:bolum;
  font-size:clamp(1.9rem,3.2vw,2.3rem);color:var(--lacivert);
  margin:64px 0 10px;scroll-margin-top:96px;line-height:1.2;
  border-top:1px solid rgba(21,51,95,.24);padding-top:46px}
.bolum-h::before{content:counter(bolum,decimal-leading-zero);
  display:block;font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:2px;color:var(--gunes);opacity:.6;margin-bottom:6px}
/* v1.6: turuncu çizgi kaldırıldı — numaralı etiketle yarışıyordu */
.bolum-h::after{content:none}
.tanitim{font-size:1rem;max-width:68ch;color:var(--murekkep)}
.bolum-not{color:var(--soluk);font-size:.92rem;max-width:62ch}

/* ── Özellik kartları ────────────────────────────────────────── */
.kartlar{display:grid;gap:16px;margin:26px 0 10px}
@media(min-width:740px){.kartlar{grid-template-columns:repeat(3,1fr)}}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--radius);
  padding:22px 20px;display:flex;flex-direction:column;gap:10px;
  transition:transform .25s ease,box-shadow .25s ease}
.kart:hover{transform:translateY(-4px);
  box-shadow:0 16px 32px -20px rgba(21,51,95,.4)}
.kart h3{font-size:1.04rem;color:var(--lacivert);line-height:1.35;margin:0}
.kart p{font-size:.9rem;color:var(--soluk);margin:0}
.kart svg{flex-shrink:0;width:48px;height:48px;padding:10px;box-sizing:border-box;
  background:var(--deniz);border-radius:12px}

/* ── Galeri (yerleşik WP Galeri bloğu) ───────────────────────── */
.wp-block-gallery{margin-top:22px}
.wp-block-gallery img{border-radius:var(--radius);
  border:1px solid var(--cizgi)}

/* ── Malik bölümü kartı ──────────────────────────────────────── */
.kilit-kart{background:linear-gradient(135deg,var(--gece) 0%,var(--lacivert) 100%);
  border:none;border-radius:var(--radius);padding:30px 26px;margin-top:22px;
  display:flex;flex-direction:column;gap:12px;align-items:flex-start;
  box-shadow:0 20px 44px -24px rgba(14,37,72,.55)}
.kilit-kart h3{font-size:1.25rem;color:#fff;margin:0}
.kilit-kart p{font-size:.92rem;color:#C9D8EA;max-width:60ch;margin:0}
.kilit-kart .btn{margin-top:6px}
.kilit-kart .ipucu{font-size:.76rem;color:#9DB2CE}
.kilit-kart svg{width:48px;height:48px;padding:10px;box-sizing:border-box;
  background:#fff;border-radius:12px}

/* ── İletişim ────────────────────────────────────────────────── */
.iletisim-izgara{display:grid;gap:16px;margin-top:22px}
@media(min-width:740px){.iletisim-izgara{grid-template-columns:1.2fr .8fr}}
.iletisim-kart{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:22px}
.iletisim-kart dl{display:grid;gap:14px;margin:0}
.iletisim-kart dt{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
  letter-spacing:1.5px;color:var(--soluk)}
.iletisim-kart dd{font-size:.98rem;font-weight:600;color:var(--lacivert);margin:0}
.iletisim-kart dd a{text-decoration:none;color:var(--lacivert)}
.iletisim-kart dd a:hover{text-decoration:underline}
.wp-kart{background:var(--lacivert);color:#fff;border-radius:var(--radius);
  padding:22px;display:flex;flex-direction:column;gap:12px}
.wp-kart h3{font-size:1.2rem;color:#fff;margin:0}
.wp-kart p{font-size:.88rem;color:#C9D8EA;margin:0}
.wp-kart .btn{align-self:flex-start}

/* ── Harita ──────────────────────────────────────────────────── */
.harita{margin-top:16px;border:1px solid var(--cizgi);
  border-radius:var(--radius);overflow:hidden;background:#fff}
.harita iframe{display:block;width:100%;height:320px;border:0}
.harita-alt{display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:center;gap:6px 14px;padding:10px 14px;
  font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--soluk)}
.harita-alt a{font-weight:700;text-decoration:none;color:var(--lacivert)}

/* ── v1.1: yerli blok desteği ────────────────────────────────── */
.kartlar-cols{gap:16px;margin:26px 0 10px}
.kartlar-cols .kart{height:100%}
.btn-gunes-n .wp-block-button__link{background:var(--gunes);color:var(--gece);
  border-radius:999px;font-weight:700;padding:12px 22px;font-size:.92rem;
  text-decoration:none}
.btn-gunes-n .wp-block-button__link:hover{background:#FF9C3B;color:var(--gece)}
.kilit-kart .wp-block-buttons{margin-top:6px}
.kilit-kart .ipucu{font-size:.76rem;color:#9DB2CE;margin:0}

/* ── v1.2: Malik sayfası ─────────────────────────────────────── */
.rozet{display:inline-block;background:var(--lacivert);color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:2px;
  padding:6px 14px;border-radius:999px;margin:8px 0 0}
.son-guncel{font-family:"IBM Plex Mono",monospace;font-size:.78rem;
  color:var(--soluk);margin-top:4px}
.uyari-kutu{border:1.5px dashed var(--lacivert);border-radius:var(--radius);
  background:#fff;padding:18px 20px;margin:18px 0 6px}
.uyari-kutu p{font-size:.92rem;color:var(--murekkep);margin:0}
.m-tarih{font-family:"IBM Plex Mono",monospace;font-size:.74rem;
  letter-spacing:1.5px;color:var(--gunes);margin:0 0 2px}
.cip{display:inline-block;font-family:"IBM Plex Mono",monospace;
  font-size:.7rem;letter-spacing:.5px;padding:4px 10px;border-radius:999px;
  margin:0 0 2px}
.cip-yesil{background:#E5F2E5;color:#1F6B2F}
.cip-sari{background:#FBEFD9;color:#8A5A00}
.iban-kutu{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:18px 20px;margin:14px 0}
.iban-kutu p{margin:4px 0}
.iban-kutu .mono{font-size:1.02rem;color:var(--lacivert);font-weight:600}
.wp-block-list li{margin-bottom:8px}
.wp-block-file .wp-block-file__button{background:var(--gunes);
  color:var(--gece);border-radius:999px;font-weight:700;padding:8px 16px}

/* ── v1.3: Belge satırları ───────────────────────────────────── */
.wp-block-file{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:14px 18px;margin:10px 0;
  display:flex;align-items:center;justify-content:space-between;gap:14px}
.wp-block-file > a:first-child{color:var(--lacivert);font-weight:600;
  font-size:.95rem;text-decoration:none}
.wp-block-file > a:first-child:hover{text-decoration:underline}
.wp-block-file__embed,.wp-block-file object{display:none}
.belge-kat{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
  letter-spacing:2px;color:var(--soluk);margin:24px 0 2px}

/* ── v1.4: badana zemin ve bölüm ayrımı ──────────────────────── */
body,.ast-separate-container{background:var(--badana)!important}
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .site-main{background:transparent;box-shadow:none}

/* ── v1.5: üstbilgi — logo işareti, yapışkan blur, Malik pill ── */
.site-header{position:sticky;top:0;z-index:80;
  background:rgba(251,248,242,.88);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);
  backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--cizgi)}
body.admin-bar .site-header{top:32px}
.site-title{font-family:"Fraunces","Georgia",serif}
.site-title a{display:inline-flex;align-items:center;gap:10px}
.site-title a::before{content:"";flex-shrink:0;width:40px;height:33px;
  background:url("assets/logo-amblem.png") center/contain no-repeat}
/* v1.12: CTA artık hap değil — üstbilgi yüksekliğinde blok düğme.
   Astra, menü bağlantısına müşteri ayarından line-height:80px basıyor;
   üstbilgi yüksekliğini bu yüzden biz belirliyoruz. */
.ast-builder-menu-1 .main-header-menu .menu-link{line-height:1.2!important}
.main-header-menu .menu-item:last-child > .menu-link{
  background:var(--gunes)!important;color:var(--gece)!important;
  font-weight:700;transition:background .2s ease,color .2s ease}
@media(min-width:922px){
  /* Astra müşteri ayarı 80px min-height basıyor; !important şart */
  .site-primary-header-wrap,.ast-builder-grid-row{min-height:60px!important}
  .ast-builder-grid-row{align-items:stretch}
  .site-header-section-left{align-items:center}
  .site-header-primary-section-right,
  .ast-builder-menu-1,
  .ast-builder-menu-1 .ast-main-header-bar-alignment,
  .ast-builder-menu-1 .main-header-bar-navigation,
  .ast-builder-menu-1 .site-navigation,
  .main-header-menu,
  .main-header-menu .menu-item:last-child{display:flex;align-items:stretch}
  .main-header-menu .menu-item:last-child > .menu-link{
    display:inline-flex;align-items:center;height:100%;min-height:60px;
    border-radius:0;padding:0 28px!important;margin-left:14px}
  .main-header-menu .menu-item:last-child > .menu-link:hover{
    background:var(--gece)!important;color:#fff!important}}
@media(max-width:921px){
  .main-header-menu .menu-item:last-child > .menu-link{
    border-radius:999px;padding:8px 18px!important;margin-left:6px;line-height:1.2}
  .main-header-menu .menu-item:last-child > .menu-link:hover{
    background:#FF9C3B!important}}

/* ── v1.17: altbilgi geçişi — yumuşak degrade + ince dalga ────
   Kremden (--badana) laciverte (--gece) yumuşak degrade bandı,
   ortasında ince turuncu dalga çizgisi. Tek ::before katmanında
   (üstte dalga, altta degrade) — Astra ::after temizleyicisine
   dokunmaz. preserveAspectRatio=none ile dalga tam genişlikte
   gerilir; uçlar yakın y'de olduğundan kesintisiz görünür. */
.site-footer{position:relative;margin-top:96px}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-96px;
  height:100px;pointer-events:none;/* +4px footer'a taşar: subpixel dikişi mühürler */
  background-image:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 22' preserveAspectRatio='none'><path d='M0,13 C220,2 380,20 600,12 C820,4 1020,20 1200,11' fill='none' stroke='%23F08A24' stroke-width='2' opacity='0.55'/></svg>"),
    linear-gradient(180deg,var(--badana) 0%,#cdd6e2 44%,var(--gece) 88%,var(--gece) 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:center 58px,center;
  background-size:100% 22px,100% 100%}

/* ── v1.6: logo kullanımı + review düzeltmeleri ──────────────── */
/* altbilgi: telif satırının üstünde logo (yalnızca dış sarmalayıcıda) */
.site-footer .ast-builder-layout-element.ast-footer-copyright{
  position:relative;padding-top:56px}
.site-footer .ast-builder-layout-element.ast-footer-copyright::before{
  content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:46px;height:38px;
  background:url("assets/logo-amblem-beyaz.png") center/contain no-repeat}
.site-footer .ast-footer-copyright .ast-footer-copyright::before{content:none}
/* Malik kartı CTA: üstbilgi pill'i ile karışmasın — beyaz zemin */
.kilit-kart .btn-gunes,
.kilit-kart .btn-gunes-n .wp-block-button__link{
  background:#fff;color:var(--lacivert)}
.kilit-kart .btn-gunes:hover,
.kilit-kart .btn-gunes-n .wp-block-button__link:hover{
  background:var(--gunes);color:var(--gece)}
/* iletişimde telefon önceliği */
.iletisim-kart dd a[href^="tel"]{font-size:1.2rem;font-weight:700}

/* ── v1.11: malik sayfa içi navigasyon — chip menü ───────────── */
/* --ust-h: malik.js gerçek üstbilgi yüksekliğini yazar */
.malik-nav{position:sticky;top:var(--ust-h,58px);z-index:40;display:flex;gap:8px;
  overflow-x:auto;white-space:nowrap;padding:12px 2px;margin:4px -2px 8px;
  background:var(--badana);
  box-shadow:0 10px 14px -14px rgba(21,51,95,.35);
  scrollbar-width:none}
.malik-nav::-webkit-scrollbar{display:none}
.malik-nav a{flex-shrink:0;font-size:.84rem;font-weight:600;line-height:1;
  color:var(--lacivert);text-decoration:none;padding:9px 15px;
  border-radius:999px;border:1px solid var(--cizgi);background:#fff;
  transition:background .2s ease,color .2s ease,border-color .2s ease}
.malik-nav a:hover{border-color:var(--lacivert)}
.malik-nav a.aktif{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
body.admin-bar .malik-nav{top:calc(var(--ust-h,58px) + 32px)}
/* bölüm başlıkları yapışkan üstbilgi + menünün altında kalmasın */
.bolum-h{scroll-margin-top:calc(var(--ust-h,58px) + 72px)}
/* üstteki boşluğu topla: başlık ile içerik arası sıkı dursun */
.page .entry-header{margin-bottom:8px}
.malik-nav + .malik-meta,.malik-nav + .malik-ust{margin-top:0}
.malik-meta + .bolum-h,.malik-ust + .bolum-h,.malik-nav ~ .bolum-h:first-of-type{margin-top:12px;padding-top:30px}
.malik-meta{margin-bottom:0!important}
/* v1.18: malik üst satırı (meta + çıkış) ve çıkış düğmesi */
.malik-ust{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:0}
.malik-ust .malik-meta{margin:0;flex:1 1 auto;min-width:0;white-space:normal}
@media(max-width:560px){.malik-ust .malik-meta{letter-spacing:1px;font-size:.66rem}
  .cikis-btn{padding:6px 12px;letter-spacing:1px}}
.cikis-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  font-family:"IBM Plex Mono",monospace;font-size:.72rem;font-weight:600;
  letter-spacing:1.5px;text-transform:uppercase;color:var(--lacivert);
  background:transparent;border:1.5px solid var(--cizgi);border-radius:999px;
  padding:7px 15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.cikis-btn svg{width:15px;height:15px}
.cikis-btn:hover,.cikis-btn:focus-visible{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.duyuru-cikis{text-align:center;margin:14px 0 0}
/* başlık ile üstbilgi arasındaki Astra içerik marjını topla
   (Astra: .ast-plain-container .site-content #primary{margin:4em 0}) */
.page-id-213 .site-content #primary{margin-top:10px}
/* v1.16: normal içerik sayfalarında başlık sticky üstbilgiye yapışmasın
   (KVKK gibi sayfalarda #primary üst marjı 0 hesaplanıyordu) */
.page:not(.home):not(.page-id-194):not(.page-id-213) .site-content #primary{margin-top:2.6em}

/* ── v1.9 → v1.12: kompakt üstbilgi + mono menü ──────────────── */
.main-header-bar{padding:0!important}
.site-branding{padding:9px 0!important}
.site-header .site-title{font-size:1.06rem;font-weight:700}
.main-header-menu .menu-link{font-family:"IBM Plex Mono",monospace;
  font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase}
/* logo ana sayfaya götürür; menüde yalnızca Malik Girişi kalsın
   (WP yeni sayfaları menüye otomatik ekleyebiliyor — hepsini gizle) */
.main-header-menu .menu-item:not(:last-child){display:none}

/* ── v1.9: malik üst meta + alt gizlilik notu ────────────────── */
.malik-meta{font-family:"IBM Plex Mono",monospace;font-size:.7rem;
  letter-spacing:2px;color:var(--soluk);margin:2px 0 0}
.gizlilik-not{font-size:.8rem;color:var(--soluk);line-height:1.6;
  border-top:1px solid var(--cizgi);padding-top:18px;margin-top:56px}
.gizlilik-not a{color:var(--lacivert)}

/* ── v1.9: konum — yerleşim planı + yol tarifi ───────────────── */
.konum-izgara{display:grid;gap:16px;margin-top:16px}
@media(min-width:740px){.konum-izgara{grid-template-columns:1.15fr .85fr}}
.yerlesim-kart{margin:0;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);overflow:hidden}
.yerlesim-kart img{display:block;width:100%;height:auto}
.yerlesim-kart figcaption{font-family:"IBM Plex Mono",monospace;
  font-size:.72rem;letter-spacing:1px;color:var(--soluk);
  padding:10px 14px;border-top:1px solid var(--cizgi)}
.konum-kart{background:var(--deniz);border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:24px;align-self:start;
  display:flex;flex-direction:column;gap:12px}
.konum-kart h3{font-size:1.08rem;color:var(--lacivert);margin:0;line-height:1.45}
.konum-kart p{margin:0;font-size:.9rem;color:var(--soluk)}
.konum-kart .btn{align-self:flex-start}

/* ── v1.10: konum — leaflet haritası (site sınırları) ────────── */
#bitez-harita{height:340px}
@media(min-width:740px){#bitez-harita{height:440px}}
.site-etiket a{text-decoration:none}
.site-etiket span{font-family:"IBM Plex Mono",monospace;
  font-size:13px;font-weight:700;letter-spacing:2px;color:var(--lacivert);
  background:rgba(251,248,242,.88);padding:4px 10px;border-radius:4px;
  border:1px solid rgba(21,51,95,.35);white-space:nowrap}
.leaflet-container{font-family:"Figtree",sans-serif}

/* ── v1.5: mikro rötuşlar ────────────────────────────────────── */
::selection{background:var(--gunes);color:var(--gece)}
:focus-visible{outline:3px solid var(--gunes);outline-offset:2px}
.btn,.wp-block-button__link{
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.btn:hover,.wp-block-button__link:hover{transform:translateY(-2px)}
.btn-gunes:hover,.btn-gunes-n .wp-block-button__link:hover{
  box-shadow:0 12px 24px -12px rgba(240,138,36,.65)}
.wp-block-gallery .wp-block-image{overflow:hidden;border-radius:var(--radius)}
.wp-block-gallery img{transition:transform .35s ease}
.wp-block-gallery .wp-block-image:hover img{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){
  .kart,.btn,.wp-block-button__link,.wp-block-gallery img{transition:none}
  .kart:hover,.btn:hover,.wp-block-button__link:hover{transform:none}}

/* ── v1.11: malik — üst boşluk sıkılaştırma ──────────────────── */
.page-id-213 .site-main{padding-top:14px}
.page-id-213 .entry-title{margin:6px 0 2px;font-size:clamp(1.7rem,3vw,2.1rem)}
.page-id-213 .ast-article-single{padding-top:20px;padding-bottom:40px}

/* ── v1.11: malik — kural bölümleri (Yaşam Rehberi) ──────────── */
.kural-ozet{display:grid;gap:10px;margin:18px 0 22px}
@media(min-width:640px){.kural-ozet{grid-template-columns:repeat(3,1fr)}}
.k-stat{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:14px 16px}
.k-stat b{display:block;font-family:"Fraunces","Georgia",serif;
  font-size:1.45rem;color:var(--lacivert);line-height:1.15}
.k-stat span{font-family:"IBM Plex Mono",monospace;font-size:.68rem;
  letter-spacing:1.5px;color:var(--soluk)}
details.kural{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);margin:10px 0;overflow:hidden}
details.kural summary{list-style:none;cursor:pointer;display:flex;
  align-items:center;gap:14px;padding:16px 18px;
  font-weight:700;font-size:1rem;color:var(--lacivert)}
details.kural summary::-webkit-details-marker{display:none}
details.kural summary::before{content:attr(data-no);flex-shrink:0;
  font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:1px;
  color:var(--gunes);border:1px solid var(--cizgi);border-radius:999px;
  padding:6px 9px;line-height:1}
details.kural summary::after{content:"+";margin-left:auto;flex-shrink:0;
  font-family:"IBM Plex Mono",monospace;font-size:1.15rem;font-weight:400;
  color:var(--soluk);transition:transform .2s ease}
details.kural[open] summary::after{content:"−"}
details.kural summary:hover{background:var(--deniz)}
.kural-ic{padding:2px 18px 18px}
.kural-ic ul{list-style:none;margin:10px 0 0;padding:0}
.kural-ic li{position:relative;padding-left:24px;margin:0 0 10px;
  font-size:.92rem;line-height:1.55;color:var(--murekkep)}
.kural-ic li::before{content:"";position:absolute;left:3px;top:.42em;
  width:7px;height:7px;border-radius:50%;border:2px solid var(--lacivert)}
.kural-ic li strong{color:var(--lacivert)}
.kural-ic .alt-baslik{font-family:"IBM Plex Mono",monospace;font-size:.7rem;
  letter-spacing:2px;color:var(--gunes);font-weight:700;margin:18px 0 4px}
.kural-not{background:var(--deniz);border-radius:10px;padding:12px 14px;
  font-size:.85rem;line-height:1.55;color:var(--murekkep);margin:14px 0 0}

/* ── v1.11: malik — hesap kartları (kopyalanabilir) ──────────── */
.hesap-izgara{display:grid;gap:14px;margin:18px 0 8px}
@media(min-width:740px){.hesap-izgara{grid-template-columns:1fr 1fr}}
.hesap-kart{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:16px 18px 6px}
.hesap-kart .banka{font-family:"IBM Plex Mono",monospace;font-size:.74rem;
  letter-spacing:2px;font-weight:700;color:var(--lacivert);
  background:var(--deniz);display:inline-block;border-radius:999px;
  padding:6px 12px;margin:0 0 8px}
.hesap-satir{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:11px 0;border-top:1px dashed var(--cizgi)}
.hesap-satir:first-of-type{border-top:none}
.hesap-satir .etiket{display:block;font-family:"IBM Plex Mono",monospace;
  font-size:.64rem;letter-spacing:1.5px;color:var(--soluk);margin:0 0 3px}
.hesap-satir .deger{margin:0;font-size:.93rem;font-weight:600;
  color:var(--lacivert);word-break:break-word}
.hesap-satir .deger.mono{font-family:"IBM Plex Mono",monospace;font-size:.88rem}
.kopya{flex-shrink:0;font-size:.78rem;font-weight:700;line-height:1;
  color:var(--lacivert);background:#fff;border:1px solid var(--cizgi);
  border-radius:999px;padding:9px 14px;cursor:pointer;
  transition:background .2s ease,color .2s ease}
.kopya:hover{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.kopya.kopyalandi{background:#E5F2E5;color:#1F6B2F;border-color:#9CCB9C}
.odeme-not{font-size:.88rem;color:var(--soluk);margin-top:10px}
.odeme-not strong{color:var(--lacivert)}

/* ── v1.11: malik — kroki ────────────────────────────────────── */
.kroki-kart{margin:18px 0 0;background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);overflow:hidden}
.kroki-kart img{display:block;width:100%;height:auto}
.kroki-kart figcaption{font-family:"IBM Plex Mono",monospace;font-size:.72rem;
  letter-spacing:1px;color:var(--soluk);padding:10px 14px;
  border-top:1px solid var(--cizgi)}

/* ── v1.12: malik — numara kartları (ikon + ad + numara) ─────── */
.num-izgara{display:grid;gap:12px;margin:18px 0 8px}
@media(min-width:640px){.num-izgara{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.num-izgara{grid-template-columns:repeat(3,1fr)}}
.num-kart{display:flex;align-items:center;gap:14px;background:#fff;
  border:1px solid var(--cizgi);border-radius:var(--radius);
  padding:14px 16px;text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
a.num-kart:hover{transform:translateY(-2px);border-color:var(--lacivert);
  box-shadow:0 14px 26px -18px rgba(21,51,95,.45)}
.num-ikon{flex-shrink:0;width:42px;height:42px;border-radius:12px;
  background:var(--deniz);color:var(--lacivert);
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease,color .2s ease}
.num-ikon svg{width:20px;height:20px}
a.num-kart:hover .num-ikon{background:var(--lacivert);color:#fff}
.num-metin{min-width:0}
.num-metin b{display:block;font-size:.93rem;font-weight:700;
  color:var(--lacivert);line-height:1.3}
.num-metin span{display:block;font-family:"IBM Plex Mono",monospace;
  font-size:.95rem;color:var(--soluk);margin-top:2px;white-space:nowrap}
a.num-kart:hover .num-metin span{color:var(--lacivert)}

/* ── v1.12: belgeler — otomatik liste ────────────────────────── */
.belge-listesi .wp-block-file > a:first-child{flex:1}
.belge-tarih{font-family:"IBM Plex Mono",monospace;font-size:.74rem;
  letter-spacing:.5px;color:var(--soluk);flex-shrink:0}

/* ── v1.12: hero — tam ekran fotoğraf + cam panel ────────────── */
.hero-foto{min-height:calc(100vh - var(--ust-h,52px));
  min-height:calc(100svh - var(--ust-h,52px));
  background:var(--gece)}
.hero-arka,.hero-arka img{position:absolute;inset:0;z-index:0;
  width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.hero-foto::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(78deg,rgba(8,22,46,.58) 0%,rgba(8,22,46,.34) 46%,rgba(8,22,46,.08) 78%),
             linear-gradient(180deg,rgba(8,22,46,0) 55%,rgba(8,22,46,.5) 100%)}
.hero-foto .hero-ic{max-width:1200px;padding:56px 20px 92px}
.hero-cam{max-width:580px;
  background:rgba(14,37,72,.42);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
  backdrop-filter:blur(16px) saturate(1.25);
  border:1px solid rgba(255,255,255,.18);border-radius:22px;
  padding:36px 38px 38px;
  box-shadow:0 34px 90px -34px rgba(4,12,30,.65)}
.hero-logo{width:92px;height:auto;margin-bottom:16px;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}
.hero-foto h1{font-size:clamp(2.3rem,5vw,3.4rem)}
.hero-foto .ust-etiket{margin-bottom:10px}
.hero-foto p{margin-top:14px}
.hero-foto .hero-btnler{margin-top:26px}
.hero-foto .btn-cizgili{background:rgba(255,255,255,.08)}
@media(max-width:680px){
  .hero-foto .hero-ic{padding:30px 16px 86px}
  .hero-cam{padding:26px 22px 28px;border-radius:18px}
  .hero-logo{width:68px}
  .hero-foto h1{font-size:clamp(2rem,9vw,2.5rem)}}
@media (prefers-reduced-motion:no-preference){
  .hero-cam{animation:belirme .8s cubic-bezier(.2,.7,.3,1) both}}

/* ── v1.13: duyurular — kart listesi + parola formu ──────────── */
a.duyuru-kart{text-decoration:none}
.duyuru-kart h3{margin:0;font-size:1.02rem}
.duyuru-kart .devam{margin-top:auto;font-size:.82rem;font-weight:700;
  color:var(--gunes)}
.duyuru-arsiv-btn{margin-top:18px}
.post-password-form{background:#fff;border:1px solid var(--cizgi);
  border-radius:var(--radius);padding:24px;max-width:560px}
.post-password-form input[type=password]{border:1px solid var(--cizgi);
  border-radius:10px;padding:10px 14px}
.post-password-form input[type=submit]{background:var(--gunes);
  color:var(--gece);border:none;border-radius:999px;font-weight:700;
  padding:10px 22px;cursor:pointer}
.post-password-form input[type=submit]:hover{background:#FF9C3B}
/* tek duyuru: başlık altında tarih zaten Astra meta'sında; ekler listesi */
.duyuru-ekler{margin-top:26px}
.duyuru-ekler .belge-kat{margin-top:0}

/* ── v1.13: numara kartları — ara + WhatsApp eylem düğmeleri ─── */
.num-kart-cift{display:flex;align-items:center;gap:12px;background:#fff;
  border:1px solid var(--cizgi);border-radius:var(--radius);padding:14px 16px}
.num-kart-cift .num-metin{min-width:0;flex:1}
.num-eylem{display:flex;gap:8px;flex-shrink:0}
.num-btn{display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:999px;text-decoration:none;
  transition:transform .15s ease,background .2s ease,color .2s ease}
.num-btn svg{width:19px;height:19px}
.num-btn:hover{transform:translateY(-2px)}
.num-btn-ara{background:var(--deniz);color:var(--lacivert)}
.num-btn-ara:hover{background:var(--lacivert);color:#fff}
.num-btn-wa{background:#25D366;color:#fff}
.num-btn-wa:hover{background:#1EBE57;color:#fff}

/* ── v1.13: duyuru kartı kapak görseli ───────────────────────── */
.duyuru-kart{overflow:hidden}
.duyuru-kapak{display:block;width:calc(100% + 40px);max-width:none;
  height:150px;object-fit:cover;margin:-22px -20px 6px;border-bottom:1px solid var(--cizgi)}

/* ── v1.14: görünüm rötuşları ────────────────────────────────── */
/* arşiv kartı görselleri: ezilme yok, sabit oran + köşe yumuşatma */
.ast-article-post .post-thumb img{width:100%;height:auto;
  aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.ast-article-post .post-thumb{margin-bottom:14px}
/* malik duyuru kartı kapağı da orana geçsin (150px ezme yerine) */
.duyuru-kapak{height:auto;aspect-ratio:16/9}
/* bağlantı renkleri: cart mavi yerine kurumsal lacivert */
a{color:var(--lacivert)}
a:hover{color:var(--gunes)}
#ast-scroll-top{background-color:var(--lacivert)}
#ast-scroll-top:hover{background-color:var(--gece)}
/* üstbilgi başlığı: serif yerine modern, lacivert; yüksekliğe oranlı boyut */
.site-header .site-title{font-size:1.3rem}
.site-header .site-title a{font-family:"Figtree",system-ui,sans-serif;
  font-weight:700;letter-spacing:-.02em;color:var(--lacivert);gap:12px}
.site-header .site-title a::before{width:48px;height:40px}
@media(max-width:680px){
  .site-header .site-title{font-size:1.12rem}
  .site-header .site-title a::before{width:40px;height:33px}}
/* menüde görünür Ana Sayfa bağlantısı (gizleme kuralını deler) */
.main-header-menu .menu-item.bitez-ana-sayfa{display:flex!important;align-items:center}
.main-header-menu .menu-item.bitez-ana-sayfa > .menu-link{padding:0 12px}
/* duyuru altı dönüş düğmesi */
.duyuru-don{margin-top:32px}
/* sayfa-fallback menüsünde Ana Sayfa görünür kalsın */
.main-header-menu .page-item-194{display:flex!important;align-items:center}
/* yanlış parola uyarısı */
.parola-hata{background:#FDECEC;border:1px solid #E8B4B4;border-radius:10px;
  padding:10px 14px;font-size:.88rem;color:#8A2525;max-width:560px}

/* ── v1.14: belgeler — kategorili açılır gruplar ─────────────── */
.belge-grup summary .belge-adet{margin-left:auto;font-family:"IBM Plex Mono",monospace;
  font-size:.68rem;letter-spacing:.5px;color:var(--soluk);
  background:var(--deniz);border-radius:999px;padding:5px 11px}
details.belge-grup summary::after{margin-left:12px}
.belge-grup .kural-ic .wp-block-file{margin:8px 0}

/* ── v1.15: arıza/talep formu — KVKK notu ve form görünümü ───── */
.kvkk-not{background:#EEF3FA;border-left:3px solid var(--lacivert);
  padding:12px 16px;font-size:.9rem;color:var(--lacivert);
  border-radius:0 10px 10px 0;max-width:640px}
.kvkk-not a{font-weight:600}
.fluentform{max-width:640px}
.fluentform .ff-el-form-control:focus{border-color:var(--lacivert)}
.fluentform .ff_btn_style{font-weight:700;letter-spacing:.5px}
