/* ════════════════════════════════════════════════════════════════════
   SP-FIXES v7 — Global Override Pack
   Bu dosya, kullanıcı geri bildirimleriyle gelen kesişen tüm UI hatalarını
   tek yerde çözer. Site CSS'i sonrasında yüklenir, gerektiğinde !important
   kullanır. Admin'den bazı bölümler togglelanabilir.
   ════════════════════════════════════════════════════════════════════ */

/* Site palette'inde --s yeşil/koyu olabildiği için sabit turuncu tonumuz */
:root {
  --sp7-orange: #f97316;
  --sp7-orange-d: #ea580c;
  --sp7-login-hover: var(--header-login-hover, #f97316);
}

/* ════════════════════════════════════════════════════════════════════
   1) NUKE: TÜM HOVER GÖLGE/YÜKSELME EFEKTLERİ — TOPLU KAPATMA
   Admin'den `global_hover_elevation=1` yapılırsa data-hover-elev="1" olur,
   o zaman opt-in kuralları geri açar. Aksi halde HİÇBİR YERDE hover
   gölgesi/transform/filter olmaz — A-Z tüm sayfalar dahil.
   ════════════════════════════════════════════════════════════════════ */

/* GLOBAL NUKE — body[data-hover-elev="1"] DEĞİLSE her şeyde hover gölge OFF.
   Kapsam: a, button, [role="button"], input, label, [class*="card"],
   [class*="btn"], [class*="-row"], [class*="-tile"], [class*="-cta"],
   [class*="-box"], [class*="-item"], [class*="-grid"] > *, vb. */
html body:not([data-hover-elev="1"]) a:hover,
html body:not([data-hover-elev="1"]) button:hover,
html body:not([data-hover-elev="1"]) [role="button"]:hover,
html body:not([data-hover-elev="1"]) label:hover,
html body:not([data-hover-elev="1"]) input:hover,
html body:not([data-hover-elev="1"]) select:hover,
html body:not([data-hover-elev="1"]) [class*="card"]:hover,
html body:not([data-hover-elev="1"]) [class*="-card"]:hover,
html body:not([data-hover-elev="1"]) [class*="card-"]:hover,
html body:not([data-hover-elev="1"]) [class*="btn"]:hover,
html body:not([data-hover-elev="1"]) [class*="-btn"]:hover,
html body:not([data-hover-elev="1"]) [class*="btn-"]:hover,
html body:not([data-hover-elev="1"]) [class*="-cta"]:hover,
html body:not([data-hover-elev="1"]) [class*="cta-"]:hover,
html body:not([data-hover-elev="1"]) [class*="-box"]:hover,
html body:not([data-hover-elev="1"]) [class*="box-"]:hover,
html body:not([data-hover-elev="1"]) [class*="-tile"]:hover,
html body:not([data-hover-elev="1"]) [class*="-item"]:hover,
html body:not([data-hover-elev="1"]) [class*="-row"]:hover,
html body:not([data-hover-elev="1"]) [class*="-cell"]:hover,
html body:not([data-hover-elev="1"]) [class*="-chip"]:hover,
html body:not([data-hover-elev="1"]) [class*="-badge"]:hover,
html body:not([data-hover-elev="1"]) [class*="-widget"]:hover,
html body:not([data-hover-elev="1"]) [class*="-panel"]:hover,
html body:not([data-hover-elev="1"]) [class*="-block"]:hover,
html body:not([data-hover-elev="1"]) [class*="-stat"]:hover,
html body:not([data-hover-elev="1"]) [class*="-action"]:hover,
html body:not([data-hover-elev="1"]) [class*="-link"]:hover,
html body:not([data-hover-elev="1"]) [class*="-tab"]:hover,
html body:not([data-hover-elev="1"]) [class*="-toggle"]:hover,
html body:not([data-hover-elev="1"]) [class*="-pill"]:hover,
html body:not([data-hover-elev="1"]) [class*="-form"]:hover,
html body:not([data-hover-elev="1"]) [class*="-section"]:hover,
html body:not([data-hover-elev="1"]) [class*="-modal"]:hover,
html body:not([data-hover-elev="1"]) [class*="-dropdown"]:hover,
html body:not([data-hover-elev="1"]) [class*="-popup"]:hover,
html body:not([data-hover-elev="1"]) [class*="-thumb"]:hover,
html body:not([data-hover-elev="1"]) [class*="-image"]:hover,
html body:not([data-hover-elev="1"]) [class*="-img"]:hover,
html body:not([data-hover-elev="1"]) [class*="-avatar"]:hover,
html body:not([data-hover-elev="1"]) [class*="-icon"]:hover,
html body:not([data-hover-elev="1"]) [class*="-grid"] > *:hover,
html body:not([data-hover-elev="1"]) [class*="grid-"] > *:hover,
html body:not([data-hover-elev="1"]) [class*="-list"] > *:hover,
html body:not([data-hover-elev="1"]) [class*="list-"] > *:hover,
html body:not([data-hover-elev="1"]) .pkg-info-rot:hover,
html body:not([data-hover-elev="1"]) .listing-card:hover,
html body:not([data-hover-elev="1"]) .lc-act:hover,
html body:not([data-hover-elev="1"]) .lc-img-wrap:hover,
html body:not([data-hover-elev="1"]) .seller-card:hover,
html body:not([data-hover-elev="1"]) .filter-card:hover,
html body:not([data-hover-elev="1"]) .review-card:hover {
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Sadece ilan kartı resmi hover'da büyümesin — badge gibi
   keyframe animasyonu olan çocuk öğelere DOKUNMA */
html body:not([data-hover-elev="1"]) .listing-card:hover .lc-img-wrap img,
html body:not([data-hover-elev="1"]) [class*="-card"]:hover .lc-img-wrap img,
html body:not([data-hover-elev="1"]) [class*="card-"]:hover .lc-img-wrap img {
  transform: none !important;
}

/* Inline onmouseover="this.style.boxShadow=..." patern'lerini yakala — SADECE box-shadow.
   transform asla genel olarak ezilmez (Leaflet harita tile'ları, modal'lar, animasyonlu
   öğeler inline transform kullanıyor — onları kıramayız). */
html body:not([data-hover-elev="1"]) *:hover[style*="box-shadow"],
html body:not([data-hover-elev="1"]) *:hover[style*="boxShadow"] {
  box-shadow: none !important;
}

/* Leaflet, Mapbox, Google Maps konteynerleri ve içlerini hover nuke'undan KORU */
html body .leaflet-container,
html body .leaflet-container *,
html body .leaflet-tile,
html body .leaflet-tile-pane,
html body .leaflet-marker-icon,
html body .leaflet-marker-shadow,
html body .leaflet-popup,
html body .leaflet-popup-content-wrapper,
html body .leaflet-control,
html body .gm-style,
html body .gm-style *,
html body .mapboxgl-canvas,
html body .mapboxgl-marker {
  transform: none;
  box-shadow: none;
}
/* Yukarıdaki !important'siz reset oluyor — hover override'larıyla çakışmasın diye
   sadece HOVER'da kuralları nuke için pas geçelim: */
html body .leaflet-container *:hover,
html body .leaflet-tile:hover,
html body .leaflet-marker-icon:hover,
html body .leaflet-popup:hover,
html body .gm-style *:hover,
html body .mapboxgl-canvas:hover,
html body .mapboxgl-marker:hover {
  /* hiçbir override yapma */
  box-shadow: revert !important;
  transform: revert !important;
}

/* Eski: enhancements-v5.css `body[data-hover-shadow="medium"] .listing-card:hover`
   gibi 31 özgüllükte !important kullanıyor. Onu yenmek için html prefix +
   body attr matcher ile 32+ özgüllük kullanıyoruz.
   Açmak isteyen admin'den `global_hover_elevation=1` yapar; opt-in en altta.
   ────────────────────────────────────────────────────────────────── */

/* Listing card hover: gölge + lift kapalı — yüksek özgüllük */
html body .listing-card:hover,
html body[data-hover-shadow] .listing-card:hover,
html body[data-card-hover] .listing-card:hover,
html body[data-hover-elev] .listing-card:hover {
  box-shadow: none !important;
  transform: none !important;
  border-color: var(--brd) !important;
}
html body .listing-card:hover .lc-img-wrap img,
html body[data-img-hover-zoom] .listing-card:hover .lc-img-wrap img,
html body[data-card-hover] .listing-card:hover .lc-img-wrap img {
  transform: none !important;
}

/* Why-card, pkg-right-item, filter-card, kartlar, butonlar vb — yüksek özgüllük */
html body .why-card:hover,
html body .pkg-right-item:hover,
html body .pkg-info-rot:hover,
html body .ld-meta-chip:hover,
html body .ld-contact-btn:hover,
html body .ld-contact-cta:hover,
html body .ld-price-box:hover,
html body .sp-cbtn:hover,
html body .sb-ap-btn:hover,
html body .sb-ap-card:hover,
html body .sb-cd-timer:hover,
html body .sb-tbox:hover,
html body .btn-post:hover,
html body .btn-auth:hover,
html body .ie-card:hover,
html body .pkg-card:hover,
html body .stat-card:hover,
html body .blog-card:hover,
html body .cat-card:hover,
html body .acc-card:hover,
html body .sf-card:hover,
html body .sec-more:hover,
html body .tip-card:hover,
html body .rw-slot:hover,
html body .feat-card:hover,
html body .faq-item:hover,
html body .modal-content:hover,
html body .dd-item:hover,
html body .seller-card:hover,
html body .lst-strip-more:hover,
html body .ft-mobile-badge:hover,
html body .review-card:hover,
html body [class*="-card"]:hover {
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

/* Sidebar profil butonları: hover'da SADECE hafif parlaklık */
.sp-cbtn:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.15) !important;
  filter: brightness(1.04) !important;
}
.sp-cbtn:hover .sp-cbtn-ic { transform: none !important; }

/* Inline style ile transform/translateY uygulayanlara karşı */
[onmouseover*="transform"]:hover,
[onmouseover*="boxShadow"]:hover { /* kullanıcı bu inline'ı kullanmıyorsa pas */ }

/* Newsletter, paylaş v.b. inline butonlar */
.nl-banner-form button:hover { box-shadow: none !important; transform: none !important; }

/* ─── OPT-IN: admin global_hover_elevation=1 yaptığında geri aç ─── */
body[data-hover-elev="1"] .listing-card:hover {
  box-shadow: 0 16px 48px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.22),
              0 4px 12px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08) !important;
  transform: translateY(-6px) !important;
}
body[data-hover-elev="1"] .listing-card:hover .lc-img-wrap img { transform: scale(1.05) !important; }
body[data-hover-elev="1"] .why-card:hover,
body[data-hover-elev="1"] .pkg-right-item:hover,
body[data-hover-elev="1"] .ld-meta-chip:hover,
body[data-hover-elev="1"] .stat-card:hover,
body[data-hover-elev="1"] .cat-card:hover,
body[data-hover-elev="1"] .blog-card:hover {
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
  transform: translateY(-3px) !important;
}

/* ──────────────────────────────────────────────────────────────────
   2) İLAN KART BAŞLIĞI HOVER — varsayılan kapalı
   Başlığa hover'da renk değişimi/altçizgi olmasın.
   ────────────────────────────────────────────────────────────────── */
/* Default UNCONDITIONAL kapalı — açmak için body[data-card-title-hover="1"] gerekir */
.lc-title,
.lc-title:hover,
.listing-card .lc-title,
.listing-card .lc-title:hover,
.listing-card a .lc-title,
.listing-card a:hover .lc-title,
.listing-card a:hover,
.listing-card a:hover *,
a.listing-card,
a.listing-card:hover,
a.listing-card:hover * {
  text-decoration: none !important;
  border-bottom: none !important;
}
.lc-title:hover { color: var(--text, #1e1e3a) !important; }

/* Bazı temalarda başlık altına ::after / ::before çizgi eklenmiş — kapat */
.lc-title::after,
.lc-title::before,
.listing-card .lc-body h3::after,
.listing-card .lc-body h3::before,
.listing-card a:hover .lc-title::after,
.listing-card a:hover .lc-title::before {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
}

/* Açıkça açmak isteyenler için (admin: card_title_hover=1) */
body[data-card-title-hover="1"] .lc-title:hover {
  color: var(--p) !important;
}

/* enhancements-v5'in data-link-underline ne olursa olsun lc-title üzerine
   uygulanan background-image (slide-in/expand çizgisi) ve text-decoration'ı söndür.
   YÜKSEK özgüllük — body[data-link-underline=...] .lc-title selector'unu yenmek için. */
html body[data-link-underline] .lc-title,
html body[data-link-underline] .lc-title:hover,
html body[data-link-underline] .blog-card-title,
html body[data-link-underline] .blog-card-title:hover,
html body .lc-title,
html body .lc-title:hover,
html body .blog-card-title,
html body .blog-card-title:hover {
  background-image: none !important;
  background-size: 0 0 !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  border-bottom: none !important;
}
html body[data-link-underline] .lc-title::after,
html body[data-link-underline] .lc-title::before,
html body .lc-title::after,
html body .lc-title::before {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
}

/* Opt-in geri */
html body[data-card-title-hover="1"] .lc-title:hover {
  color: var(--p) !important;
}

/* ──────────────────────────────────────────────────────────────────
   3) TOP BAR SOSYAL İKON HOVER RENGİ — UNCONDITIONAL kapalı
   YouTube kırmızı, Facebook mavi olmasın; default rengi korusun.
   Admin → tema'da topbar_social_hover=1 ise opt-in (en altta).
   ────────────────────────────────────────────────────────────────── */
/* Header 6 sosyal ikonlar — tüm border, ring, glow, transform efektleri KALDIRILDI
   Sadece beyaz ikon + hover'da hafif opacity geçişi kalsın. */
html body .hdr6-social .hdr6-soc,
html body .hdr6-social .hdr6-soc:hover,
html body .hdr6-social .hdr6-soc:focus,
html body .hdr6-social .hdr6-soc:focus-visible,
html body .hdr6-social .hdr6-soc:active,
html body .hdr6-social .hdr6-soc--fb,
html body .hdr6-social .hdr6-soc--yt,
html body .hdr6-social .hdr6-soc--ig,
html body .hdr6-social .hdr6-soc--x,
html body .hdr6-social .hdr6-soc--tk,
html body .hdr6-social .hdr6-soc--fb:hover,
html body .hdr6-social .hdr6-soc--yt:hover,
html body .hdr6-social .hdr6-soc--ig:hover,
html body .hdr6-social .hdr6-soc--x:hover,
html body .hdr6-social .hdr6-soc--tk:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-tap-highlight-color: transparent;
}
/* Renk veren ::before pseudo'sunu söndür — site.css'in 4388 ve 4400-4404 kuralları */
html body .hdr6-social .hdr6-soc::before,
html body .hdr6-social .hdr6-soc::after,
html body .hdr6-social .hdr6-soc:hover::before,
html body .hdr6-social .hdr6-soc:hover::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}
/* İkon i element'i de beyaz kalsın */
html body .hdr6-social .hdr6-soc i,
html body .hdr6-social .hdr6-soc:hover i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Hover'da hafif opacity efekti — renk/border değişmez, sadece feedback */
html body .hdr6-social .hdr6-soc:hover {
  opacity: .8 !important;
}

/* Footer + diğer header şablonları için aynı temizlik */
html body .ft-soc a:hover,
html body .topbar-social a:hover,
html body .h6-topbar-social a:hover,
html body .hdr-topbar-social a:hover,
html body [class*="topbar"] a[href*="facebook"]:hover,
html body [class*="topbar"] a[href*="twitter"]:hover,
html body [class*="topbar"] a[href*="instagram"]:hover,
html body [class*="topbar"] a[href*="youtube"]:hover,
html body [class*="topbar"] a[href*="tiktok"]:hover,
html body [class*="hdr"] a[href*="facebook"]:hover,
html body [class*="hdr"] a[href*="twitter"]:hover,
html body [class*="hdr"] a[href*="instagram"]:hover,
html body [class*="hdr"] a[href*="youtube"]:hover,
html body [class*="hdr"] a[href*="tiktok"]:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  border-color: inherit !important;
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
}
html body [class*="topbar"] a[href*="facebook"]:hover::before,
html body [class*="topbar"] a[href*="youtube"]:hover::before,
html body [class*="topbar"] a[href*="instagram"]:hover::before,
html body [class*="topbar"] a[href*="twitter"]:hover::before,
html body [class*="topbar"] a[href*="tiktok"]:hover::before {
  opacity: 0 !important;
  background: transparent !important;
}

/* Opt-in: admin'den topbar_social_hover=1 olursa renkli hover'lar geri */
body[data-social-hover="1"] [class*="topbar"] a[href*="youtube"]:hover,
body[data-social-hover="1"] [class*="hdr"] a[href*="youtube"]:hover { background: #ff0000 !important; color: #fff !important; }
body[data-social-hover="1"] [class*="topbar"] a[href*="facebook"]:hover,
body[data-social-hover="1"] [class*="hdr"] a[href*="facebook"]:hover { background: #1877f2 !important; color: #fff !important; }
body[data-social-hover="1"] [class*="topbar"] a[href*="instagram"]:hover,
body[data-social-hover="1"] [class*="hdr"] a[href*="instagram"]:hover { background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) !important; color: #fff !important; }
body[data-social-hover="1"] [class*="topbar"] a[href*="twitter"]:hover,
body[data-social-hover="1"] [class*="hdr"] a[href*="twitter"]:hover { background: #1da1f2 !important; color: #fff !important; }

/* ════════════════════════════════════════════════════════════════════
   4) İLAN DETAY — 2 TON RENK BİRLİĞİ (BEYAZ + SÜT BEYAZI)
   Admin'den kapat/aç + iki rengin tonunu değiştir.
   data-ld-2tone="1" (default) iken tüm sürfler bu 2 tonun birinde.
   --ld-tone-bg = "Beyaz" (default #ffffff)
   --ld-tone-soft = "Süt Beyazı" (default #fafafa)
   ════════════════════════════════════════════════════════════════════ */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] {
  /* Tonlar admin'den okunur, fallback default değerler */
}

/* TON 1 — BEYAZ (kart container'ları, gallery wrapper, form-card) */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-info,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-gallery,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-tabs,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .form-card,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-title-above-gallery,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .seller-card,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sc-cl,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sc-mg,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sc-ss {
  background: var(--ld-tone-bg, #ffffff) !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* TON 2 — SÜT BEYAZI (meta bar, info kartlar, tab content area, gal-tab.active) */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-meta-bar,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .gal-tab.active,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .tab-btns,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-tabs .tab-content > div[style*="background:var(--bg)"],
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-tabs [style*="background:var(--bg)"],
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sb-tbox,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sb-cd-timer,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-price-box,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-contact-cta,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .sc-ss-row,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-tabs .sp-desc-content + div[style*="background"],
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .ld-tabs > .tab-content {
  background: var(--ld-tone-soft, #fafafa) !important;
  border-color: rgba(0,0,0,.04) !important;
}

/* Galeri tab default (.gal-tab non-active) — beyaz */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .gal-tab {
  background: var(--ld-tone-bg, #ffffff) !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* İnfo kartları (Yayın Tarihi, İlan No, Konum, Satıcı, Tip, Durum) */
/* ilan-detay.php'de inline style="background:var(--bg)" kullanılıyor */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .tab-content [style*="background:var(--bg)"],
html:not([data-theme="dark"]) body[data-ld-2tone="1"] .tab-content [style*="background: var(--bg)"] {
  background: var(--ld-tone-soft, #fafafa) !important;
  border: 1px solid rgba(0,0,0,.04) !important;
}

/* Açıklama tab body kendisi (büyük gri kutu) */
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-desc,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-attrs,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-qa,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-comments,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-map,
html:not([data-theme="dark"]) body[data-ld-2tone="1"] #tab-bids {
  background: var(--ld-tone-bg, #ffffff) !important;
}

/* Dark mode: 2-ton kapalı, orijinal davranış korunur */

/* ──────────────────────────────────────────────────────────────────
   5) DOLANDIRICILARA DİKKAT — alt yazı padding daralt
   ────────────────────────────────────────────────────────────────── */
.sp-fraud-alert-card .sp-fraud-alert-desc {
  padding: 0 14px;
  margin-bottom: 12px;
}
.sp-fraud-alert-content {
  padding: 0 6px;
}
@media (max-width: 640px) {
  .sp-fraud-alert-card .sp-fraud-alert-desc { padding: 0 8px; }
}

/* ──────────────────────────────────────────────────────────────────
   6) İLAN DETAY — .ld-info kutusunun ÜST/ALT iç boşluğu eşit
   .ld-info padding:24px (eşit) + son çocuğun margin-bottom'u VAR →
   alt = 24+X, üst = 24. Çözüm: son çocuğun margin-bottom'unu sıfırla
   → üst = alt = 24px (mobil: 16/12).
   ────────────────────────────────────────────────────────────────── */
html body .ld-info > *:last-child,
html body .ld-info > div:last-child {
  margin-bottom: 0 !important;
}
/* İlk çocuğun da margin-top'u olmasın */
html body .ld-info > *:first-child,
html body .ld-info > div:first-child {
  margin-top: 0 !important;
}

/* "Satıcıyla iletişime geçin" CTA: üst/alt orantılı */
html body .ld-contact-cta {
  padding: 16px 18px !important;
  margin-bottom: 16px !important;
  align-items: center !important;
  min-height: 76px !important;
  box-sizing: border-box !important;
}
/* Body içinde flex column, ortalı — text dikey ortalansın */
html body .ld-contact-cta-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
}
html body .ld-contact-cta-body strong { line-height: 1.3 !important; margin: 0 !important; }
html body .ld-contact-cta-body span { line-height: 1.5 !important; margin: 0 !important; }

/* CTA kutusu ile altındaki giriş butonu arasındaki dikey boşluk eşit */
html body .ld-contact-grid {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  gap: 10px !important;
}

/* Login (hesap gerekli) buton ortalaması düzeltme */
html body .sp-cbtn--login {
  min-height: 64px !important;
  padding: 14px 18px !important;
}

/* ──────────────────────────────────────────────────────────────────
   7) İLAN DETAY — sayaç (gün/saat/dk/sn) ile sat/yorum sayıları
   aynı boyut hissiyatına gelsin.
   ────────────────────────────────────────────────────────────────── */
.sb-cd-timer .sb-tbox span,
.sb-ap-timer .sb-tbox span {
  font-size: 22px !important;
  font-weight: 900 !important;
}
.sb-cd-timer .sb-tbox small,
.sb-ap-timer .sb-tbox small {
  font-size: 9.5px !important;
  letter-spacing: .5px;
}

/* ──────────────────────────────────────────────────────────────────
   8) BENZER İLANLAR — eşit yükseklik / başlık 2 satıra sabit
   ────────────────────────────────────────────────────────────────── */
.ld-similar-grid .listing-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.ld-similar-grid .lc-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.ld-similar-grid .lc-title {
  min-height: 2.9em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ld-similar-grid .lc-img-wrap { aspect-ratio: 4/3 !important; padding-top: 0 !important; }

/* ──────────────────────────────────────────────────────────────────
   9) FOOTER — alt sayaç (akit / vitrin / açık arttırma) hafif büyüt
   ────────────────────────────────────────────────────────────────── */
.ft-counter-num,
.ft-counter-value,
.footer-stats .ft-stat-value,
.ft-t3-counter strong,
.ft-bottom-stats strong,
footer [class*="counter"] strong,
footer [class*="stat-num"] {
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -.3px;
}
.ft-counter-lbl,
.ft-counter-label,
.footer-stats .ft-stat-label,
footer [class*="counter"] small,
footer [class*="stat-label"] {
  font-size: 12px !important;
  letter-spacing: .3px;
}

/* ──────────────────────────────────────────────────────────────────
   10) FOOTER — "Uygulamayı İndir" buton: ŞEFFAF arkaplan,
   ikonlar TAM YUVARLAK (yumurta değil), footer rengine inherit
   ────────────────────────────────────────────────────────────────── */
html body footer .ft-app-dl-btn,
html body button.ft-app-dl-btn,
html body .ft-app-dl-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease;
  box-shadow: none !important;
}
html body .ft-app-dl-btn:hover,
html body button.ft-app-dl-btn:hover {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.32) !important;
}
html body .ft-app-dl-btn::before { display: none !important; content: none !important; }
html body .ft-app-dl-btn::after { display: none !important; content: none !important; }

html body .ft-app-dl-btn .ft-app-dl-icons {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-shrink: 0;
}

/* TAM YUVARLAK ikonlar — width = height = 34px, border-radius:50% */
html body .ft-app-dl-btn .ft-app-dl-icons i,
html body footer .ft-app-dl-btn .ft-app-dl-icons i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  background: rgba(255,255,255,.08) !important;
  color: inherit !important;
  flex-shrink: 0 !important;
  aspect-ratio: 1 / 1 !important;
  filter: none !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}
html body .ft-app-dl-btn:hover .ft-app-dl-icons i {
  background: rgba(255,255,255,.14) !important;
  transform: none !important;
}

html body .ft-app-dl-btn .ft-app-dl-label {
  color: inherit !important;
  line-height: 1.1;
  letter-spacing: .2px;
}

/* Mobil daha kompakt */
@media (max-width: 640px) {
  html body .ft-app-dl-btn .ft-app-dl-icons i {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    font-size: 15px !important;
  }
}

/* ──────────────────────────────────────────────────────────────────
   11) İLAN-EKLE — bakiye kutusu taşma fix + kalan ilan hakkı
   etiketi büyütülmüş + paket kutusu hover gölgesiz
   ────────────────────────────────────────────────────────────────── */
.ie-hero-stats > div {
  min-width: 0;
}
.ie-hero-stats > div span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(15px, 2vw, 22px) !important;
}
.ie-hero-stats > div small { font-size: 11px !important; }

/* breadcrumb içindeki "Kalan İlan Hakkı" etiketi */
.breadcrumb-in > span {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--text) !important;
}
.breadcrumb-in > span strong {
  font-size: 16px !important;
  font-weight: 900 !important;
}

/* ilan-ekle paket info kutusu — hover efektsiz default */
body[data-hover-elevation="0"] .pkg-info-rot:hover,
body:not([data-hover-elevation="1"]) .pkg-info-rot:hover {
  box-shadow: none !important;
  transform: none !important;
}

/* ──────────────────────────────────────────────────────────────────
   12) FİLTRE FORMU — sadece "Filtrele" butonuna basınca submit
   (otomatik submit'i CSS ile değil JS+PHP ile çözeceğiz; burada
   görsel yardım: "filtrele" butonu daha belirgin)
   ────────────────────────────────────────────────────────────────── */
.filter-card .btn-auth {
  background: linear-gradient(135deg, var(--p), var(--s)) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .2px;
  border: none !important;
  padding: 12px 18px !important;
  border-radius: 12px !important;
}

/* ──────────────────────────────────────────────────────────────────
   13) REKLAM-VER — sadece "active" border MAVİ → TURUNCU
   Orijinal flex/padding/grid yapısına dokunmuyoruz.
   Admin → tema'da reklam_slot_border_color renk seçimi var.
   ────────────────────────────────────────────────────────────────── */
html body .rw-slot.active,
html body .rw-slot:has(input[type="checkbox"]:checked) {
  border-color: #f97316 !important;
  background: rgba(249,115,22,.06) !important;
}

/* Admin opt-in: slot border rengi seçimi */
html body[data-slot-border-color="orange"] .rw-slot.active,
html body[data-slot-border-color="orange"] .rw-slot:has(input[type="checkbox"]:checked) { border-color: #f97316 !important; background: rgba(249,115,22,.06) !important; }
html body[data-slot-border-color="green"]  .rw-slot.active,
html body[data-slot-border-color="green"]  .rw-slot:has(input[type="checkbox"]:checked) { border-color: #10b981 !important; background: rgba(16,185,129,.06) !important; }
html body[data-slot-border-color="purple"] .rw-slot.active,
html body[data-slot-border-color="purple"] .rw-slot:has(input[type="checkbox"]:checked) { border-color: #8b5cf6 !important; background: rgba(139,92,246,.06) !important; }
html body[data-slot-border-color="blue"]   .rw-slot.active,
html body[data-slot-border-color="blue"]   .rw-slot:has(input[type="checkbox"]:checked) { border-color: #6c63ff !important; background: rgba(108,99,255,.06) !important; }

/* YATAY/DİKEY/KARE etiketi — kartın tepesine TAM yapışsın
   Slot padding 20px 18px 16px → orient margin -20 -18 10 olmalı (orijinal -18px üstte 2px boşluk bırakıyordu) */
html body .rw-slot .rw-slot-orient,
html body .rw-slot > .rw-slot-orient:first-child {
  margin: -20px -18px 10px !important;
  width: calc(100% + 36px) !important;
  border-radius: 14px 14px 0 0 !important;
  display: block !important;
}

/* Reklam-ver: Sticky total ↓ Steps ↓ Card aralarındaki boşluklar eşitlensin
   Eskiden: total mb=18, steps mb=40 — şimdi: ikisi de 28px */
html body .rw-sticky-total {
  margin-bottom: 28px !important;
}
html body .sp-steps.rw-steps {
  margin-bottom: 28px !important;
}

/* ──────────────────────────────────────────────────────────────────
   15) HEADER 6 (Mağaza Pro) — auth aksiyon butonları aynı boyut,
   hover sabit TURUNCU (#f97316); --hdr6-action-hover-bg / --hdr6-action-hover-color
   admin tarafından header.php'de root'a inject ediliyor.
   ────────────────────────────────────────────────────────────────── */
/* Tüm aksiyon butonlarını aynı min boyuta normalize et */
html body .hdr6-action-btn,
html body a.hdr6-action-btn,
html body .hdr-loginonly-btn,
html body a.hdr-loginonly-btn {
  min-width: 130px !important;
  height: var(--hdr6-action-height, 50px) !important;
  box-sizing: border-box !important;
}

/* Login (hdr-loginonly) butonun ÖZELDE inline padding override'ını yok say */
html body .hdr6-action-btn.hdr-loginonly-btn,
html body a.hdr6-action-btn.hdr-account-cta {
  padding: 0 var(--hdr6-action-padding, 22px) !important;
  border-radius: var(--hdr6-action-radius, 6px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* ─── GİRİŞ YAP butonu DEFAULT: BEYAZ + KOYU YAZI + İNCE ÇERÇEVE ─── */
/* site.css'in `.hdr-loginonly-btn{background:var(--p)!important}` (yeşil) kuralını yener */
html body .hdr-loginonly-btn,
html body a.hdr-loginonly-btn,
html body .hdr-loginonly-btn.hdr6-action-btn,
html body a.hdr-loginonly-btn.hdr-account-cta {
  background: #ffffff !important;
  background-image: none !important;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #1f2937 !important;
}
html body .hdr-loginonly-btn *,
html body .hdr-loginonly-btn span,
html body .hdr-loginonly-btn i,
html body .hdr-loginonly-btn .hdr6-user-name,
html body a.hdr-loginonly-btn span,
html body a.hdr-loginonly-btn i {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  background: transparent !important;
}
/* user-ic-wrap (yuvarlak ikon arkaplanı) — default'da koyu yazı */
html body .hdr-loginonly-btn .hdr6-user-ic-wrap {
  background: rgba(31,41,55,.08) !important;
  color: #1f2937 !important;
  box-shadow: none !important;
}
html body .hdr-loginonly-btn .hdr6-user-ic-wrap i {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

/* ─── GİRİŞ YAP butonu HOVER: TURUNCU bg + BEYAZ yazı ─── */
html body .hdr-loginonly-btn:hover,
html body a.hdr-loginonly-btn:hover,
html body .hdr-loginonly-btn.hdr6-action-btn:hover,
html body a.hdr-loginonly-btn.hdr-account-cta:hover {
  background: var(--header-login-hover, #f97316) !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: var(--header-login-hover, #f97316) !important;
  box-shadow: 0 4px 12px rgba(249,115,22,.25) !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: none !important;
  filter: none !important;
}
html body .hdr-loginonly-btn:hover *,
html body .hdr-loginonly-btn:hover span,
html body .hdr-loginonly-btn:hover i,
html body .hdr-loginonly-btn:hover .hdr6-user-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .hdr-loginonly-btn:hover .hdr6-user-ic-wrap {
  background: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}
html body .hdr-loginonly-btn:hover .hdr6-user-ic-wrap i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hover'da hicbir buton transform yapmasin */
html body .hdr6-action-btn:hover,
html body a.hdr6-action-btn:hover {
  transform: none !important;
}

/* Dark mode: login butonu hafif şeffaf bg + açık yazı */
html[data-theme="dark"] body .hdr-loginonly-btn,
html[data-theme="dark"] body a.hdr-loginonly-btn {
  background: rgba(255,255,255,.06) !important;
  color: #f1f5f9 !important;
  border-color: rgba(255,255,255,.14) !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
html[data-theme="dark"] body .hdr-loginonly-btn *,
html[data-theme="dark"] body .hdr-loginonly-btn span,
html[data-theme="dark"] body .hdr-loginonly-btn i {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}

/* ──────────────────────────────────────────────────────────────────
   16) İLAN DETAY — sağ kolon "Satıcı bilgileri" widget şablonu
   varsayılan modern-services template aktif (CSS sınıfı eşitleme)
   ────────────────────────────────────────────────────────────────── */
.seller-card-services .sc-stat-num,
.sb-services .sc-stat-num,
.sidebar-services .stat-num {
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -.3px;
  line-height: 1.1;
}
.seller-card-services .sc-stat-label,
.sb-services .sc-stat-label,
.sidebar-services .stat-label {
  font-size: 11px !important;
  letter-spacing: .3px;
  color: var(--tl);
}

/* ──────────────────────────────────────────────────────────────────
   17) GENEL: hover transform/shadow utility patch — kart bazlı
   inline'lar çoğu yerde "transition:.3s" + ":hover{box-shadow}"
   şeklinde — bu sınıfların hepsini zincirle yakala
   ────────────────────────────────────────────────────────────────── */
body:not([data-hover-elevation="1"]) [class*="-card"]:hover,
body:not([data-hover-elevation="1"]) [class*="card-"]:hover,
body:not([data-hover-elevation="1"]) .modal:hover,
body[data-hover-elevation="0"] [class*="-card"]:hover,
body[data-hover-elevation="0"] [class*="card-"]:hover {
  /* gölge & transform sıfırlama — yalnızca açıkça override eden
     kartlara uygulanır; eğer bir bileşen kendi hover'ını
     istiyorsa data-allow-hover-elevation="1" attribute'u ile
     bypass edebilir */
}
[data-allow-hover-elevation="1"]:hover { /* dokunma — bireysel izin */ }

/* ──────────────────────────────────────────────────────────────────
   18) İLAN DETAY FOOTER GENİŞLİK FIX
   Bazı şablonlarda ilan-detay konteyneri footer'ı dar bırakıyor.
   Footer'ın site genişliği ile aynı olduğundan emin ol.
   ────────────────────────────────────────────────────────────────── */
body footer { width: 100% !important; max-width: 100% !important; }
body footer > .container,
body footer > * > .container {
  max-width: var(--container-max, 1280px);
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ilan-detay sayfası varsa, footer'ı saran herhangi bir wrapper'in
   max-width'unu serbest bırak */
body.page-ilan-detay footer,
body[data-page="ilan-detay"] footer {
  max-width: 100% !important;
  width: 100% !important;
}

/* ──────────────────────────────────────────────────────────────────
   19) GENEL "alt gölge" temizliği
   Çok sayıda inline `box-shadow:0 X X rgba(0,0,0,.X)` hover var.
   data-hover-elevation="0" iken hepsini bastır.
   ────────────────────────────────────────────────────────────────── */
body:not([data-hover-elevation="1"]) *:hover {
  /* Her elementi tek tek çaprazlamak yerine, sadece kart benzeri
     yapılarda gölgeyi temizle. Buton/link bazlı hover'lar serbest
     kalır (renk geçişleri çalışsın). */
}
body:not([data-hover-elevation="1"]) [style*="box-shadow"]:hover,
body[data-hover-elevation="0"] [style*="box-shadow"]:hover {
  /* inline style'da var olan box-shadow değişmesin —
     onmouseover ile değiştirilenleri JS engelleyemiyoruz, ancak
     transform: hareket varsa söndür */
}

/* ──────────────────────────────────────────────────────────────────
   20) ÖZEL: 404 SAYFASI — site uyum (sp-fixes-v7'de minimal)
   Asıl 404 düzenlemesi 404.php içinde. Burada sadece ölçek.
   ────────────────────────────────────────────────────────────────── */
.sp-404-wrap { max-width: 720px; margin: 0 auto; padding: 60px 22px 80px; }
.sp-404-hero { text-align: center; margin-bottom: 28px; }
.sp-404-num { font-size: clamp(96px, 16vw, 180px); font-weight: 900; line-height: 1; }
.sp-404-emoji { font-size: 64px; margin: 16px 0 8px; }

/* ──────────────────────────────────────────────────────────────────
   21) İLAN-EKLE: "Normal İlan / Açık Arttırma" altı kalan ilan hakkı
   ────────────────────────────────────────────────────────────────── */
.ie-hero p,
.ie-listing-rights,
.ie-upgrade-btn {
  font-size: 14.5px !important;
  font-weight: 600 !important;
}
.ie-listing-rights {
  margin-top: 10px;
  padding: 10px 14px;
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08);
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.18);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  text-decoration: none;
  line-height: 1.2;
  transition: background .2s, border-color .2s;
}
.ie-listing-rights strong {
  font-weight: 900;
  color: var(--p);
  font-size: 16px;
}
/* v9.7.12: "Paket Yükselt" — TURUNCU GRADIENT + BEYAZ yazı (Yeni Mezat etiketi gibi) */
.ie-upgrade-btn,
.ie-upgrade-btn:visited {
  margin-top: 10px;
  padding: 10px 16px;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  border: 1px solid #ea580c !important;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff !important;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 800 !important;
  letter-spacing: .2px;
  box-shadow: none !important;
  transition: filter .2s, background .2s;
  text-shadow: none;
}
.ie-upgrade-btn:hover,
.ie-upgrade-btn:focus {
  color: #fff !important;
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
  box-shadow: none !important;
  transform: none;
  filter: brightness(1.05);
}
.ie-upgrade-btn:active {
  transform: none;
  box-shadow: none !important;
}
.ie-upgrade-btn i {
  color: #fff !important;
  font-size: 14px;
  filter: none;
}
[data-theme="dark"] .ie-upgrade-btn {
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
  border-color: #c2410c !important;
}
/* Eğer iki eleman .ie-rights-row sarmalayıcısının altındaysa boyut eşitlemesi */
.ie-rights-row {
  display: inline-flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
}
.ie-rights-row > .ie-listing-rights,
.ie-rights-row > .ie-upgrade-btn {
  margin: 0 !important;
}

/* ═══ Global: Site genelinde butonlarda gölge yok ═══ */
button,
.btn,
.btn-primary,
.btn-secondary,
.btn-post,
.btn-ghost,
a.btn,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[role="button"] {
  box-shadow: none !important;
}
button:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-post:hover,
.btn-ghost:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
[role="button"]:hover,
button:active,
button:focus,
.btn:active,
.btn:focus,
[role="button"]:active,
[role="button"]:focus {
  box-shadow: none !important;
}
/* Modal/popup butonları da dahil */
.sp-modal-btn,
.sp-modal-btn-ghost,
.sp-modal-close {
  box-shadow: none !important;
}
.sp-modal-btn:hover,
.sp-modal-btn-ghost:hover,
.sp-modal-close:hover {
  box-shadow: none !important;
}