/* ==========================================================================
   REWP — ortak arayüz katmanı (16 tema)
   Temanın stilinden ve compare.css'ten SONRA yüklenir (inc/template-tags.php, öncelik 25).
   Gövde sınıfı: .rewp-v2 = 13 klasik tema, .rewp-v3 = Atlas/Aura/Vertex (modern.css'i paylaşır).
   Tema görünümü değişmez; yalnız başlık taşması, odak, kontrast, mobil düzen ve boş durumlar düzeltilir.
   Renk jetonları: --on-accent (vurgu zeminde yazı), --accent-ink (vurgu rengi açık zeminde YAZI olarak;
   ≥4.5:1). Temada tanımlı, sihirbazda renk seçilince inc/content.php yeniden hesaplar.
   ========================================================================== */

/* WordPress'in blok stili kapatılmış olsa da "içeriğe atla" bağlantısı ve gizli başlıklar çalışsın */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute!important;word-wrap:normal!important}
.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;left:8px;top:8px;z-index:100000;
  display:block;padding:12px 18px;background:#fff;color:#111;font-weight:600;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.25)}

/* Bölünmeyen uzun kelime (URL, e-posta) kutusundan taşmasın; başlıklar gerekirse her yerden kırılsın (TXT-04, P2-31) */
body{overflow-wrap:break-word}
h1,h2,h3,.display,.h1,.h2,.ahero__name{overflow-wrap:anywhere}

/* ---------- Klavye odağı (P2-73): her temada görünür halka ---------- */
:root{--focus-ring:var(--accent-ink,#1d4ed8)}
.site-footer,.ft,.sec--dark,.section--navy,.hero,.topbar,.hd--over:not(.is-stuck),.cmp-tray{--focus-ring:#fff}
/* koyu bölüm içindeki beyaz kutular (arama kutusu, panel, kart) yine koyu halka */
.searchbox,.filterbar,.panel,.card,.rewp-404__in{--focus-ring:var(--accent-ink,#1d4ed8)}
.footer-cta,.ft__cta{--focus-ring:var(--on-accent,#fff)}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
/* klasik form alanları odakta yalnız kenar rengini değiştiriyordu (sıralama kutusunda neredeyse görünmez) */
.rewp-v2 .f input:focus-visible,.rewp-v2 .f select:focus-visible,.rewp-v2 .field input:focus-visible,.rewp-v2 .field textarea:focus-visible,
.rewp-v2 .result-bar select:focus-visible,.rewp-v2 .calc__row input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}

/* ---------- Mobil menü düğmesi (P3-78): 44 px, açıkken ✕ ---------- */
.nav-toggle,.hd-toggle{min-width:44px;min-height:44px;font-size:0!important;line-height:1;flex:none;
  border-radius:10px;color:inherit;-webkit-tap-highlight-color:transparent}
.nav-toggle::before,.hd-toggle::before{content:'\2630';display:block;font-size:24px;line-height:44px;text-align:center}
.nav-toggle[aria-expanded="true"]::before,.hd-toggle[aria-expanded="true"]::before{content:'\00d7';font-size:36px}

/* ---------- Boş durum ve 404 (P3-50, UI-04) ---------- */
.rewp-empty p{margin:0}
.rewp-empty__msg{font-size:1.06em;color:inherit}
.rewp-empty__areas{margin-top:12px!important;font-size:15px}
.rewp-empty__areas span{color:var(--muted)}
.rewp-empty__areas a{white-space:nowrap}
.rewp-empty__areas a,.rewp-404__links a,.rewp-404--v2 .rewp-404__lead a{text-decoration:underline;text-underline-offset:3px;color:var(--accent-ink,inherit)}
.rewp-empty__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px!important}
.rewp-404__in{padding-block:clamp(40px,6vw,88px) clamp(28px,4vw,56px);max-width:860px}
.rewp-404--v3 .rewp-404__in{padding-top:calc(88px + clamp(32px,5vw,72px))}
.rewp-404__code{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.rewp-404__title{font-size:clamp(28px,4.4vw,48px);line-height:1.1;margin:0 0 14px}
.rewp-404__lead{font-size:17px;color:var(--ink-2);max-width:58ch;margin:0 0 26px}
.rewp-404__search label{display:block;font-weight:600;font-size:15px;margin-bottom:8px}
.rewp-404__row{display:flex;gap:10px;flex-wrap:wrap;max-width:620px}
.rewp-404__field{position:relative;flex:1 1 260px;min-width:0}
.rewp-404__field input[type=text]{width:100%;height:48px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);
  background:var(--surface,#fff);border:1px solid var(--line);border-radius:var(--r,var(--r-sm,8px))}
.rewp-404__field input[type=text]:focus{outline:3px solid var(--focus-ring);outline-offset:1px}
.rewp-404__row .btn,.rewp-404__row .b{height:48px;min-height:48px}
.rewp-404__field .rewp-loc-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--surface,#fff);
  border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(0,0,0,.14);max-height:min(280px,45vh);overflow:auto}
.rewp-404__field .rewp-loc-results button{display:block;width:100%;text-align:left;padding:11px 14px;border:0;background:none;font:inherit;font-size:15px;color:var(--ink);cursor:pointer}
.rewp-404__links{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:16px;font-weight:600}
.rewp-404__latest{padding-block:clamp(24px,4vw,56px) clamp(48px,6vw,96px)}
.rewp-404__latest h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 20px}
.rewp-404__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}

/* Öneri listesi telefonda ekranın (ve açık klavyenin) altına taşmasın (P3-80) */
.rewp-loc-results{max-height:min(280px,45vh)!important}

/* ==========================================================================
   KLASİK (v2) TEMALAR
   ========================================================================== */

/* ---------- Başlık (P1-11, UI-01): uzun ad kısalır; telefon ve ☰ hiç çakışmaz ---------- */
.rewp-v2 .header-inner > .brand{flex:0 1 auto;min-width:0}
.rewp-v2 .brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rewp-v2 .header-inner > .site-nav,.rewp-v2 .header-right{flex:0 0 auto;min-width:auto}
.rewp-v2 .header-phone{flex:none;white-space:nowrap}
.rewp-v2 .header-phone__num{white-space:nowrap}
@media(max-width:1080px){
  /* Menü kapalıyken başlık satırında yer kaplamasın; açılınca başlığın hemen altında */
  .rewp-v2 .header-inner > .site-nav{position:absolute;top:100%;left:0;right:0;z-index:5}
  .rewp-v2 .site-header.nav-open .site-nav .nav{position:static;box-shadow:0 10px 24px rgba(0,0,0,.08)}
}
@media(max-width:640px){
  .rewp-v2 .brand-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    line-height:1.15;overflow-wrap:anywhere}
  .rewp-v2 .header-inner{gap:10px}
  .rewp-v2 .header-phone{min-height:44px}
}
/* Dar telefonda (320–374 px) numara yerine 44 px'lik arama düğmesi; ad yine okunur kalır */
@media(max-width:374px){
  .rewp-v2 .header-phone{position:relative;width:44px;height:44px;justify-content:center;gap:0;border:1px solid var(--line);border-radius:var(--r)}
  .rewp-v2 .header-phone__num{position:absolute!important;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
}

/* ---------- Düğmeler: vurgu zemininde okunur yazı (P2-16, UI-09, WIZ-10, P2-72) ----------
   Tema CSS'i artık .btn / .badge / CTA bandında #fff yerine var(--on-accent) kullanıyor. */
/* Turuncu arama düğmesi: beyaz yazı 1.8–3.8:1 idi; koyu yazı her temada ≥4.7:1 */
.rewp-v2 .btn--orange,.rewp-v2 .btn--orange:hover{color:#14161a}
/* Uzun metinli düğme dar sütunda iki satıra inerse kutusundan taşmasın (P2-69) */
.rewp-v2 .btn{height:auto;min-height:44px;text-align:center;line-height:1.25;padding-block:6px}
.rewp-v2 .btn--sm{min-height:38px}
.rewp-v2 .btn--lg{min-height:50px}

/* Rozetler: yazı zemine göre (varsayılan rozet vurgu renginde, diğerleri temanın sabit renklerinde) */
.rewp-v2 .badge--feat{background:color-mix(in srgb,var(--green) 72%,#000);color:#fff}
.rewp-v2 .badge--for-rent{color:#fff}
.rewp-v2 .badge--pending{color:#14161a}
.rewp-v2 .badge--sold{background:color-mix(in srgb,var(--red) 82%,#000);color:#fff}
.rewp-v2 .badge--coming-soon{background:#5f676f;color:#fff}

/* Vurgu rengi YAZI olarak (açık zeminde): fiyat, rakam, sekme, üzerine gelme */
.rewp-v2 .card__price,.rewp-v2 .prop-bar .price b,.rewp-v2 .stats b,.rewp-v2 .calc__total,.rewp-v2 .list-count b,
.rewp-v2 .floatcard b,.rewp-v2 .ahero__stats b,.rewp-v2 .ahero__eyebrow,.rewp-v2 .searchbox__tabs a.on,
.rewp-v2 .nav a:hover,.rewp-v2 .card__title a:hover,.rewp-v2 .rewp-breadcrumbs a:hover,.rewp-v2 .related a:hover,
.rewp-v2 .type-tile:hover b{color:var(--accent-ink,var(--blue))}
.rewp-v2 .section--navy .stats b{color:#fff}
/* anlam taşıyan simgeler de okunur tonda (açık vurgu renginde sarı simge beyazda kayboluyordu) */
.rewp-v2 .type-tile .ico,.rewp-v2 .spec .ico{color:var(--accent-ink,var(--blue))}

/* Koyu altbilgi: başlıklar ve yasal satırlar (TREC, lisans, Equal Housing) okunur (P2-71, P3-90) */
.rewp-v2 .footer-title{color:rgba(255,255,255,.78)}
.rewp-v2 .footer-legal{color:rgba(255,255,255,.78);font-size:13px}
.rewp-v2 .footer-badges{color:rgba(255,255,255,.86);font-size:13px}
.rewp-v2 .site-footer .rewp-legal a,.ft .rewp-legal a{text-decoration:underline;text-underline-offset:2px}

/* ---------- Kaydet / Karşılaştır (P2-70, P2-73): klavyede, dokunmatikte ve seçiliyken görünür ---------- */
.rewp-v2 .card:focus-within .card__tools,.rewp-v2 .card__tools:has([aria-pressed="true"]){opacity:1}
@media (hover:none){.rewp-v2 .card__tools{opacity:1}}
.rewp-v2 .card__tools button{width:36px;height:36px}
/* fotoğraf üstündeki küçük düğmeler: iki tonlu halka her zeminde (koyu fotoğraf, açık yer tutucu) görünür */
.card__tools button:focus-visible,.c__save:focus-visible{outline:3px solid #111;outline-offset:2px;box-shadow:0 0 0 2px #fff}

/* ---------- İlan sayfası: uzun URL/e-posta açıklamayı genişletmesin (P2-31) ---------- */
.rewp-v2 .prop-layout > *{min-width:0}
.rewp-v2 .panel{overflow-wrap:anywhere}
.rewp-v2 .panel > .panel__title{font-size:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}

/* ---------- Az ilanlı site (P2-52): 1–2 kart üç sütunlu ızgarada solda yalnız kalmasın ---------- */
.rewp-v2 .grid-cards:not(:has(> :nth-child(3))){grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),400px));justify-content:center}

/* İki panel yan yana; dar ekranda alt alta (Spotlight, Keystone — P2-69) */
.rewp-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* ---------- Mobil form alanları (P3-80, SRC-08): iPhone odakta yakınlaştırmasın, sıralama 44 px ---------- */
@media(max-width:1080px){
  .rewp-v2 .f input,.rewp-v2 .f select,.rewp-v2 .field input,.rewp-v2 .field textarea,.rewp-v2 .field select,
  .rewp-v2 .result-bar select,.rewp-v2 .calc__row input{font-size:16px}
  .rewp-v2 .result-bar select{height:44px}
}

/* ---------- Hareket azaltma (A11Y-04) ---------- */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Az ilanlı sitede "türe göre" kutuları 6 sütunun yarısında kalmasın (UI-02) */
.rewp-v2 .type-grid:not(:has(> :nth-child(6))){grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

/* Fotoğrafsız ilan kartı: beyaz "tür" yazısı açık gri yer tutucuda okunmuyordu */
.rewp-v2 .card__media:has(.rewp-card__noimg) .card__type{color:var(--ink-2);text-shadow:none}

/* İlan sayfası emlakçı kutusu: broker adı ve telefon aynı satırda bitişik akıyordu */
.rewp-v2 .agent-mini div > span{display:block}

/* Yapışkan başlıklı klasik temalarda (ör. Coastline, Collective) sayfa içi çapa hedefi başlığın altında kalmasın (UI-06) */
html:has(body.rewp-v2),body.rewp-v2{scroll-padding-top:88px}

/* Klasik temalarda başlık position:sticky tanımlı ama hiç yapışmıyordu: tema CSS'indeki html,body{overflow-x:hidden}
   body'yi kaydırma kabına çeviriyor, sticky de onun içinde kalıyordu. overflow-x:clip yatay taşmayı aynı biçimde
   gizler ama kaydırma kabı oluşturmaz. clip'i tanımayan eski Safari'de (≤15) eski davranış (yapışmayan başlık) kalır. */
@supports (overflow-x:clip){
  html:has(body.rewp-v2),body.rewp-v2{overflow-x:clip}
  /* Önceden de hiç yapışmayan iki öğe aynı kalsın: ilan sayfasındaki form+hesaplayıcı paneli ekrandan uzun olabiliyor
     (alt kısmı ulaşılmaz olurdu), telefonda harita listesinin başlığı da yapışkan başlığın altına girerdi. */
  .rewp-v2 .panel--sticky{position:static}
  @media(max-width:860px){.rewp-v2 .split__list .list-head{position:static}}
  /* Panelde oturum açıkken WordPress üst çubuğunun altında kalmasın */
  body.admin-bar.rewp-v2 .site-header{top:32px}
  @media(max-width:782px){body.admin-bar.rewp-v2 .site-header{top:46px}}
  @media(max-width:600px){body.admin-bar.rewp-v2 .site-header{top:0}}
  /* Başlık artık ekranda kaldığı için uzun menü kendi içinde kaysın */
  @media(max-width:1080px){
    .rewp-v2 .site-header.nav-open .site-nav{max-height:calc(100vh - 72px);overflow-y:auto;overscroll-behavior:contain}
  }
}

/* Ajan odaklı hero: bölünmeyen uzun kelime (kendi metninde) ızgara sütununu genişletip sağdan taşıyordu (TXT-04) */
.rewp-v2 .ahero .wrap > *,.ahero__grid > *{min-width:0}
.ahero__eyebrow,.ahero__lead,.ahero__role,.hero__sub,.lead{overflow-wrap:anywhere}

/* Koyu bölümdeki beyaz kutular: başlık beyaz zeminde beyaz kalıyordu (Heritage, Keystone, Rangeland ana sayfası) */
.rewp-v2 .section--navy .type-tile{color:var(--ink)}