/* Pakır Emlak — pakir-tema.css SONRASINDA yüklenen iyileştirme katmanı.
   İnceleme numaraları CODEX-INCELEME.md ile eşleşir. HTML/JS gerektirmez.
   !important yalnız mevcut zorunlu kuralları ve etkileşimleri karşılar. */

body.premium-site {
  --pp-ink: #121212;
  --pp-yellow: #F0C251;
  --pp-bronze: #7D5E12;
  --pp-muted: #575552;
  --pp-line: #d6d2ca;
  --pp-control: #85817a;
  --pp-soft: #f4f3ef;
  --pp-shadow: 0 2px 8px rgb(18 18 18 / 6%);
  --pp-shadow-hover: 0 8px 20px rgb(18 18 18 / 10%);
}

/* 01 — Açık/koyu zeminde çift renkli, gölgeden bağımsız klavye odağı. */
body.premium-site :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid #121212 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px #fff !important;
}
/* Taşması kırpılan kontrollerin halkası kendi kutusunun içinde kalır. */
body.premium-site :is(.galeri__kucuk button, .gorunum__d, .sekme-dugme,
  .ilan-tablo th button, .rg-accordion summary):focus-visible {
  outline-offset: -4px !important;
  box-shadow: inset 0 0 0 5px #fff !important;
}
body.premium-site .serit--tasiyor:focus-within {
  -webkit-mask-image: none;
  mask-image: none;
}
body.premium-site .rg-skip:focus {
  top: 12px;
  max-width: calc(100% - 40px);
  border-radius: 8px;
}

/* 02 — Form: okunur etiket/yer tutucu, belirgin sınır ve hata durumu. */
body.premium-site :is(.rg-form-field label, .rg-search-field label) {
  font-size: 12px !important;
  line-height: 1.5;
  color: var(--pp-muted) !important;
  letter-spacing: .04em;
}
body.premium-site :is(.rg-form-field input, .rg-form-field textarea,
  .filtre-aralik input, .sirala) {
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  border: 1px solid var(--pp-control);
  border-radius: 8px;
  background-color: #fff;
  color: var(--pp-ink);
  font-size: 16px !important;
  line-height: 1.5;
}
body.premium-site .rg-form-field textarea { min-height: 140px; }
body.premium-site :is(.rg-form-field input, .rg-form-field textarea,
  .filtre-aralik input)::placeholder {
  color: #66615a;
  opacity: 1;
  font-size: 14px;
}
body.premium-site :is(.rg-form-field input, .rg-form-field textarea,
  .filtre-aralik input, .sirala):hover { border-color: var(--pp-ink); }
body.premium-site :is(.rg-form-field input, .rg-form-field textarea,
  .filtre-aralik input):is(:user-invalid, [aria-invalid="true"]) {
  border: 2px solid var(--pp-bronze);
}
body.premium-site .rg-search-field select {
  margin-left: 0;
  min-height: 48px;
  max-width: 100%;
  padding: 8px 4px;
  font-size: 16px;
}

/* 03 — Konum kartı: açık zeminde bronz; sarı yüzeyde siyah. */
body.premium-site .kk-kart {
  --kk-altin: #F0C251 !important;
  --kk-kum: #121212;
  --kk-yuzey: #202020;
  --kk-metin: #fff;
  --kk-sonuk: #d0cdc7;
  --kk-kontrast: #121212;
  box-shadow: var(--pp-shadow);
}
body.premium-site .kk-kart.kk-acik {
  --kk-altin: #7D5E12 !important;
  --kk-kum: #fff;
  --kk-yuzey: #f4f3ef;
  --kk-metin: #121212;
  --kk-sonuk: #575552;
  --kk-kontrast: #fff;
}
body.premium-site .kk-riza-not { color: var(--kk-sonuk); font-size: 13px; }
body.premium-site .kk-riza-dugme {
  color: var(--pp-ink);
  background: var(--pp-yellow);
  border-color: var(--pp-yellow);
  min-height: 48px;
  filter: none;
}
body.premium-site .kk-sekme[aria-selected="true"] {
  background: var(--pp-ink);
  color: #fff;
  box-shadow: inset 0 -3px var(--pp-yellow);
}
body.premium-site .kk-acik :is(.kk-yol, .kk-harita-yok a):hover {
  background: var(--pp-yellow);
  border-color: var(--pp-bronze);
  color: var(--pp-ink);
}
body.premium-site .kk-acik .kk-cephe-ok:hover {
  background: var(--pp-yellow);
  color: var(--pp-ink);
}

/* 04 — Aynı eylem ailesi: ölçü, köşe, gölge ve basılma geri bildirimi. */
body.premium-site :is(.rg-button, .dugme, .rg-team-phone, .rg-team-wa,
  .rg-nav-contact, .rg-mobile-actions a) {
  min-height: 48px;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .01em;
  transition: background-color .16s ease, color .16s ease,
    border-color .16s ease, box-shadow .16s ease;
  will-change: auto;
}
body.premium-site :is(.rg-button--red, .dugme--wa, .dugme--altin,
  .rg-team-wa, .rg-mobile-actions a:last-child) {
  background: var(--pp-yellow) !important;
  border-color: var(--pp-yellow) !important;
  color: var(--pp-ink) !important;
  box-shadow: var(--pp-shadow) !important;
}
body.premium-site :is(.rg-button--red, .dugme--wa, .dugme--altin,
  .rg-team-wa, .rg-mobile-actions a:last-child):hover {
  background: var(--pp-yellow) !important;
  border-color: var(--pp-bronze) !important;
  box-shadow: var(--pp-shadow-hover) !important;
}
body.premium-site :is(.rg-button, .dugme, .rg-team-phone, .rg-team-wa):hover {
  transform: none;
  translate: none;
}
body.premium-site .rg-button:hover svg { transform: none; }
body.premium-site :is(.rg-button, .dugme, .rg-team-phone, .rg-team-wa,
  .rg-mobile-actions a, .rg-nav-contact):not(:disabled):active {
  transform: none;
  translate: none;
  box-shadow: inset 0 0 0 2px currentColor !important;
}
body.premium-site :is(button, input, select, textarea):disabled,
body.premium-site :is(.rg-button, .dugme)[aria-disabled="true"] {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}
/* Odak, hover/active gölgelerinin ardından yeniden güvence altına alınır. */
body.premium-site :is(.rg-button, .dugme, .rg-team-wa, .rg-team-phone,
  .rg-mobile-actions a, .rg-nav-contact):focus-visible,
body.premium-site :is(.rg-button, .dugme, .rg-team-wa, .rg-team-phone,
  .rg-mobile-actions a, .rg-nav-contact):is(:hover, :active):focus-visible {
  box-shadow: 0 0 0 3px #fff !important;
}

/* 05 — Dokunma alanları; mevcut gizleme/gösterme kuralları korunur. */
body.premium-site :is(.rg-menu-toggle, .rg-to-top, .cekmece-kapat,
  .sayfalama a, .kk-cephe-ok) { min-width: 44px; min-height: 44px; }
body.premium-site :is(.gorunum__d, .rg-tabs button, .kk-sekme,
  .kk-yol, .kk-harita-yok a) { min-height: 44px; }
body.premium-site .rg-utility a { min-height: 44px; }
body.premium-site .rg-usos { min-width: 32px; justify-content: center; }
body.premium-site .rg-footer-top a { min-height: 32px; }
body.premium-site .rg-search-label a { min-height: 44px; font-size: 12px; }
body.premium-site .rg-tabs { flex-wrap: wrap; }
body.premium-site .rg-tabs button { font-size: 12px; }

/* 06 — Fiyatın yanında başlık ve yardımcı bilgi de okunur kalır. */
body.premium-site .kart__baslik {
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500;
  overflow-wrap: anywhere;
}
body.premium-site :is(.kart__ozet, .kart__konum) { font-size: 13px !important; }
body.premium-site :is(.rg-card-link, .rg-service-link) {
  font-size: 12px;
  line-height: 1.5;
  color: var(--pp-bronze);
}
body.premium-site .rg-team-grid .kisi__unvan {
  font-size: 11px !important;
  letter-spacing: .07em;
}
body.premium-site .rg-team-grid .kisi__ad { overflow-wrap: anywhere; }
body.premium-site .adim__no { color: var(--pp-bronze); }
body.premium-site .rg-footer h2 { color: #b9b5ad !important; }
body.premium-site .rg-search-label > span { font-size: 10px; line-height: 1.5; }

/* 07 — Mobil hizmet satırları: mevcut flex düzeninde metne yer açılır. */
body.premium-site .rg-service-wide > div { min-width: 0; }
@media (max-width: 600px) {
  body.premium-site .rg-service-wide { gap: 12px; }
  body.premium-site .rg-service-wide > .rg-wide-gorsel {
    flex: 0 0 clamp(64px, 20vw, 96px);
    width: clamp(64px, 20vw, 96px);
    margin: 0;
    border-radius: 8px;
  }
  body.premium-site .rg-service-wide h3 { font-size: 21px; line-height: 1.3; }
}

/* 08 — Sakin kart yüzeyleri; klavye odağında kutu yer değiştirmez. */
body.premium-site :is(.kart, .rg-team-grid > .kisi, .rg-service-card) {
  border: 1px solid var(--pp-line);
  border-radius: 12px;
  box-shadow: var(--pp-shadow);
  will-change: auto;
}
body.premium-site :is(.rg-service-card, .rg-properties .kart, .rg-service-wide) {
  rotate: none;
}
body.premium-site :is(.kart, .rg-team-grid > .kisi, .rg-service-card):is(:hover, :focus-within),
body.premium-site #izgara-gorunum .kart:hover {
  transform: none;
  border-color: var(--pp-control);
  box-shadow: var(--pp-shadow-hover);
}
body.premium-site #izgara-gorunum .kart {
  border: 1px solid var(--pp-line);
  border-radius: 12px;
  box-shadow: var(--pp-shadow);
}
body.premium-site .kart__foto {
  border-radius: 11px 11px 0 0;
}
body.premium-site .kart:hover :is(.kart__foto img, .kart-kapak img) { transform: none; }

/* 09 — Tablo: sıralama alanı, satır odağı ve uzun başlık/fiyat güvenliği. */
body.premium-site .ilan-tablo thead th { top: 88px; padding-block: 4px; }
body.premium-site .ilan-tablo thead th button {
  min-height: 44px;
  max-width: 100%;
  padding-block: 8px;
  white-space: normal;
  text-align: inherit;
}
body.premium-site .ilan-tablo th.s-fiyat { font-size: 12px; letter-spacing: .06em; }
body.premium-site .ilan-tablo :is(.s-fiyat, .s-sayi, .s-tarih) {
  font-variant-numeric: tabular-nums;
}
body.premium-site .ilan-satir:focus-within td { background: #f4f3ef; }
body.premium-site .ilan-satir .satir-baslik:focus-visible::after {
  outline: 2px solid var(--pp-ink);
  outline-offset: -3px;
}
body.premium-site .ilan-tablo .satir-baslik { overflow-wrap: anywhere; }
@media (min-width: 1000px) and (max-width: 1199px) {
  body.premium-site .ilan-tablo .s-foto { width: 68px; }
  body.premium-site .ilan-tablo .s-foto img { width: 60px; height: 48px; }
  body.premium-site .ilan-tablo :is(th, td).s-sayi { width: 52px; }
  body.premium-site .ilan-tablo :is(th, td).s-sayi:nth-of-type(5) { width: 78px; }
  body.premium-site .ilan-tablo .s-fiyat { width: 132px; font-size: 15px; }
  body.premium-site .ilan-tablo thead th { white-space: normal; letter-spacing: .02em; }
}
@media (max-width: 950px) {
  body.premium-site .ilan-tablo thead th { top: 74px; }
}
@media (max-width: 600px) {
  body.premium-site .ilan-tablo thead th { top: 70px; }
  body.premium-site .ilan-tablo th.s-foto {
    font-size: 10px;
    letter-spacing: .02em;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  body.premium-site .ilan-tablo .satir-baslik {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    font-size: 15px;
    line-height: 1.5;
  }
  body.premium-site .ilan-tablo .s-foto { width: 68px; }
  body.premium-site .ilan-tablo .s-foto img { width: 60px; height: 52px; }
  body.premium-site .ilan-tablo .s-fiyat {
    width: 116px;
    font-size: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* 10 — Detay: fotoğraf seçimi ve bilgi cetvelinin görsel hiyerarşisi. */
body.premium-site .galeri__ana img { border-radius: 12px; }
body.premium-site .galeri__kucuk {
  padding: 4px;
  gap: 8px;
  scroll-padding-inline: 4px;
}
body.premium-site .galeri__kucuk button { border-radius: 6px; }
body.premium-site .galeri__kucuk img { border-radius: 6px; }
body.premium-site .galeri__kucuk button[aria-current="true"] {
  outline: 2px solid var(--pp-ink);
  outline-offset: 1px;
}
body.premium-site .galeri__kucuk button[aria-current="true"] img {
  border-color: var(--pp-yellow);
}
body.premium-site .kunye-cetvel { table-layout: fixed; }
body.premium-site .kunye-cetvel :is(th, td) {
  padding: 12px 16px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.premium-site .kunye-cetvel th { color: var(--pp-muted); }
body.premium-site .kunye-cetvel td { color: var(--pp-ink); }
body.premium-site :is(.danisman-kutu, .sarma, .rg-form-card) { border-radius: 12px; }
body.premium-site .sekme-dugme { padding-inline: 8px; }
body.premium-site .sekme-dugme[aria-selected="true"] {
  color: var(--pp-ink);
  border-bottom: 3px solid var(--pp-bronze);
}
body.premium-site .ilan-duzen > * { min-width: 0; }
body.premium-site :is(.ilan-h1, .ilan-fiyat, .ilan-kimlik) { overflow-wrap: anywhere; }

/* 11 — Sabit eylemler: güvenli alan ve üst üste binen katmanlar. */
@media (max-width: 899px) {
  body.premium-site:is(.sf-ilan, .sf-ilanlar) {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  body.premium-site .yapiskan {
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
  body.premium-site .rg-to-top {
    bottom: calc(92px + env(safe-area-inset-bottom, 0px));
  }
  body.premium-site .yapiskan--ilan .dugme { min-width: 0; padding-inline: 12px; }
}
@media (max-width: 600px) {
  body.premium-site.premium-home {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 999px) {
  body.premium-site .filtre-sutun.acik {
    padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: 112px;
    overscroll-behavior: contain;
  }
}
body.premium-site .lightbox { z-index: 2000; }
@media (max-width: 950px) {
  body.premium-site .rg-nav.is-open {
    max-height: calc(100dvh - 88px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

/* 12 — Boşluk ritmi: bölüm düzeni korunur, akordeon yüzeyi sadeleşir. */
body.premium-site .rg-section-heading { margin-bottom: clamp(28px, 3vw, 44px); }
body.premium-site .rg-accordion .rg-accordion-item {
  border-radius: 12px;
  box-shadow: none;
}
body.premium-site .rg-accordion summary { min-height: 76px; padding: 18px 20px; }
body.premium-site .rg-accordion summary::after {
  background-color: var(--pp-soft);
  border-color: var(--pp-line);
  color: var(--pp-bronze);
}
body.premium-site .rg-accordion .rg-accordion-item[open] {
  background: #fff;
  border-left-color: var(--pp-bronze);
  box-shadow: var(--pp-shadow);
}
body.premium-site .rg-accordion details[open] summary { color: var(--pp-bronze); }
body.premium-site .rg-accordion details > p { padding: 0 20px 24px; }
body.premium-site .rg-information-layout .rg-yan-gorsel { margin-top: 24px; }

/* 13 — Hareket tercihi: yeni ve devralınan geçişler birlikte durur. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body.premium-site *,
  body.premium-site *::before,
  body.premium-site *::after,
  body.premium-site details::details-content {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  body.premium-site :is(.kart, .kisi, .rg-service-card):is(:hover, :focus-within),
  body.premium-site .rg-button:hover svg { transform: none !important; }
}
@media (hover: none) {
  body.premium-site :is(.kart, .kisi, .rg-service-card):hover {
    box-shadow: var(--pp-shadow);
  }
}
@media (forced-colors: active) {
  body.premium-site :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline-color: Highlight !important;
  }
}