/* style.css — full, consolidated child theme stylesheet
   Temel: gönderdiğin mevcut style.css içeriği alındı, eksik misafir-yorum (Guest) stilleri
   eklendi ve popup/comment ile ilgili tutarlılıklar sağlandı.
   Bu dosyayı mevcut style.css ile birebir değiştir (backup al).
*/

/* =======================
   GLOBAL / RESETS
======================= */
*,
*::before,
*::after { box-sizing: border-box; }

:root{
  --km-yellow:#E3B448;
  --km-black:#0d0d0d;
  --km-ink:#111;
  --km-white:#fff;
  --km-shadow:0 14px 40px rgba(0,0,0,.12);
  --km-radius:20px;

  --km-content-max-width:1200px;
  --km-topbar-height:76px;
  --km-hero-w:1220;
  --km-hero-h:460;
  --km-hero-fit:cover;
  --km-map-h-desktop:620px;
}

/* Global page background: çok açık gri */
html, body, #page, .site, .site-main {
  background: #f4f7f6 !important;   /* istersen #fafafa da olur */
  color: var(--km-ink);
}

body{ color:var(--km-ink); margin:0; font:500 15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.km-container { max-width:var(--km-content-max-width); margin:0 auto; padding:24px 16px; }

/* Remove underlines generally */
a, .km-brand a, .km-btn { text-decoration:none !important; }

/* Accessibility */
:focus{ outline:3px solid rgba(0,0,0,.08); outline-offset:2px; }

/* =======================
   TOPBAR / SEARCH
======================= */
.km-topbar{ position: sticky; top: env(safe-area-inset-top,0); z-index:11000; background:var(--km-yellow); -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0); }
.km-wrap{ max-width:var(--km-content-max-width); margin:0 auto; padding:10px 16px; display:flex; align-items:center; gap:14px; position:relative; }
.km-brand{ display:flex; flex-direction:column; color:var(--km-ink); font-weight:800; }
.km-brand-title{ font-size:1.3rem; line-height:1.1; }
.km-brand-tag{ font-size:.75rem; opacity:.8; }
@media (min-width: 981px){
  .km-search{
    max-width: 520px;
    margin-left: 32px;
    margin-right: 24px;
  }
}
/* Arama çubuğu – modern beyaz, yuvarlak kart */
.km-search{
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  background: #ffffff;                          /* beyaz zemin */
  border-radius: 999px;                         /* tam yuvarlak */
  padding: 6px 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);      /* daha hafif gölge */
  min-height: 40px;
  border: 1px solid rgba(0,0,0,0.06);           /* ince gri kenar */
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  z-index: 11060;
  position: relative;
}
.km-search-input{
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #222;                                  /* koyu gri metin */
  padding: 6px 8px;
  font-size: .95rem;
}

.km-search-input::placeholder{
  color: #999;                                  /* placeholder rengi */
}


.km-actions{ display:flex; align-items:center; gap:8px; margin-left:auto; }
.km-search-btn{
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 6px;
  color: #777;                                  /* gri ikon */
  font-size: 16px;
}

.km-hamburger{ display:inline-flex; width:40px; height:40px; border-radius:999px; border:0; background:var(--km-black); color:#fff; align-items:center; justify-content:center; cursor:pointer; z-index:11070; }

/* Mobile */
@media (max-width:980px){
  .km-topbar{ position: fixed; left:0; right:0; top: env(safe-area-inset-top,0); width:100%; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
  body.km-topbar-fixed { padding-top: calc(var(--km-topbar-height,76px) + env(safe-area-inset-top,0px)); }
  .km-search{ position:absolute; left:50%; transform: translate(-50%, 34%); top: calc(100% - 12px); width: calc(100% - 84px); max-width: calc(100% - 48px); }
  .km-actions .km-btn{ display:none; }
  .km-hamburger{ display:inline-flex; }
}

/* =======================
   SPOTLIGHT / HERO
======================= */
#km-spotlight{ max-width:var(--km-content-max-width); margin:0 auto; position:relative; }
#km-spotlight .splide__track{ padding:0 !important; }
#km-spotlight .splide__list{ align-items:center; gap:0 !important; }
#km-spotlight .splide__slide{ background:transparent !important; padding:0 !important; display:block; overflow:hidden; }

.km-hero__frame{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:16px;
  background:#f3c24a;
  box-shadow:none;
  aspect-ratio: calc(var(--km-hero-w)/var(--km-hero-h));
  max-height:52vh;
}
.km-hero__frame::before{ content:""; display:block; padding-top: calc(100% * var(--km-hero-h) / var(--km-hero-w)); }
.km-hero__media, .km-hero__text{ position:absolute; inset:0; }
.km-hero__img{ position:absolute; inset:0; width:100% !important; height:100% !important; object-fit:var(--km-hero-fit); object-position:50% 50%; display:block; }

/* Placeholder art fallback */
.km-hero__art--placeholder{ background-image: radial-gradient(ellipse at 30% 20%, #ffd166 0%, #f5b21a 55%, #e09e00 100%); }

/* Splide arrows & pagination */
#km-spotlight .splide__arrow{ background: rgba(255,255,255,0.95) !important; color:var(--km-black); width:44px; height:44px; border-radius:999px; box-shadow: 0 8px 22px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center; border:0; }
#km-spotlight .splide__arrow svg{ fill:#0d0d0d; width:18px; height:18px; }
#km-spotlight .splide__pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:-18px; z-index:2; display:flex; gap:6px; }
#km-spotlight .splide__pagination__page{ width:10px; height:10px; border-radius:999px; background:#222 !important; opacity:.95 !important; }
#km-spotlight .splide__pagination__page.is-active{ background:#000 !important; transform:scale(1.15); }

/* HERO CARD */
.km-hero__card{
  position:absolute;
  left:clamp(32px,7vw,96px);
  bottom:40px;
  max-width:min(520px,80vw);
  padding:28px 40px;
  border-radius:18px;
  box-sizing:border-box;
  z-index:11065;
  color:#111;
  /* Öneriye uygun: daha opak beyaz + blur */
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  border: 1px solid rgba(0,0,0,0.04);
}
.km-hero__card h2{ margin:0 0 8px; font-weight:800; font-size:clamp(1.4rem,2.3vw,2.1rem); line-height:1.18; color:#111; }
.km-hero__card p{ margin:0 0 12px; font-size:clamp(.95rem,1.1vw + .2rem,1.05rem); line-height:1.45; color:#111; }
.km-hero__card a.km-hero__btn{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:#111; color:#fff; font-weight:700; text-decoration:none; box-shadow:0 10px 24px rgba(0,0,0,.18); }

/* MOBILE adjustments for hero card */
@media (max-width:768px){
  .km-hero__frame{
    aspect-ratio:auto;
    height:180px !important;
    max-height:34vh !important;
  }
  #km-spotlight .splide__slide{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
  }

  .km-hero__card{
    position:relative;
    left:auto;
    bottom:auto;
    right:auto;
    margin:10px auto 12px;
    max-width:92%;
    padding:10px 12px;
    border-radius:14px;
     background: rgba(255,255,255,0.20);
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 28px rgba(0,0,0,.12);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }

  .km-hero__card::after{ display:none; }
  .km-hero__card h2{ font-size:1.05rem; line-height:1.15; margin-bottom:6px; }
  .km-hero__card p{ font-size:.88rem; margin-bottom:8px; }
  .km-hero__card a.km-hero__btn{ padding:7px 10px; font-size:.85rem; }
  #km-spotlight .splide__pagination{ bottom:-12px; }
}
/* =======================
   MAP & PIN CTA
======================= */
.km-map{ margin:64px 0 120px; max-width:var(--km-content-max-width); margin-left:auto; margin-right:auto; }
.km-map h2{ font-size:20px; margin:8px 0 6px; }
.km-map__box{ background: transparent; padding:20px; border-radius:22px; position:relative; overflow:visible; }
.km-map__box > .km-map-inner{ background:#fff; padding:2px; border-radius:14px; box-shadow:var(--km-shadow); border:6px solid #fff; box-sizing:border-box; }
#kiralamadan-map{ width:100% !important; height: clamp(260px, 60vh, var(--km-map-h-desktop)) !important; border-radius:12px; overflow:hidden; background:#fafafa; outline:6px solid #fff; outline-offset:-6px; }

/* Pin Bırak CTA – Beyaz Buton, Siyah Yazı */
.km-pin-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 50px;
  
  /* ÖNEMLİ: Yazıyı siyah, zemini beyaz yapıyoruz */
  background: #ffffff !important; 
  color: #000000 !important; 
  border: 1px solid rgba(0,0,0,0.05); /* Çok hafif bir çerçeve */
  
  font-weight: 800; /* Yazı biraz daha kalın olsun */
  box-shadow: 0 10px 25px rgba(0,0,0,0.1); /* Modern gölge */
  z-index: 12010;
  text-decoration: none;
  pointer-events: auto;
  transition: all 0.2s ease;
}

/* Üzerine gelince (Hover) efekti */
.km-pin-cta:hover {
  transform: translateY(-3px); /* Hafif yukarı zıplama */
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  background: #000000 !important; /* Hover'da buton siyah olsun mu? */
  color: #ffffff !important; /* Yazı beyaz olsun */
}

@media (max-width:768px){
  .km-pin-cta{
    transform: none;
    padding: 10px 20px;
  }
}

/* =======================
   SINGLE EV LAYOUT
======================= */

/* Grid: map left / content right; stack on small screens */
.km-detail__grid {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 8px;
}

/* Mobile: stack */
@media (max-width: 980px) {
  .km-detail__grid {
    grid-template-columns: 1fr;
  }
  .km-detail__map { order: -1; }
  .km-account__map { height:340px; }
}

/* Mapbox styling */
.km-mapbox {
  width: 100%;
  height: 320px;
  border-radius: 14px;
  overflow: hidden;
  background: #f7f7f7;
  border: 3px solid #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* Header left/right */
.km-detail__head {
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
}
.km-detail__head-left { flex:1 1 auto; min-width:0; }
.km-detail__head-right { flex:0 0 260px; display:flex; flex-direction:column; gap:12px; align-items:flex-end; }

/* Title/address */
.km-title{ margin:0 0 8px; font-size:1.4rem; line-height:1.15; }
.km-badge--address{
  display:inline-block;
  background: #0b5d91;
  color: #fff;
  padding:6px 10px;
  border-radius:8px;
  font-size:13px;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  margin-top:6px;
}

/* Author mini box (converted to white card by later rules) */
.km-author-mini--boxed {
  background: #fff;
  color: #111;
  padding: 12px 14px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  gap:12px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.10);
  margin-left: auto;
  min-width:170px;
  max-width:260px;
}
.km-author-mini__link { display:flex; gap:10px; align-items:center; text-decoration:none; color:inherit; }
.km-author-mini__avatar { width:56px; height:56px; border-radius:999px; object-fit:cover; }
.km-author-mini__info { text-align:left; font-size:13px; line-height:1.1; }
.km-author-mini__name { font-weight:800; }

/* Stars + likes */
.km-author-mini__meta { display:flex; gap:10px; align-items:center; font-size:13px; color:#666; margin-top:6px; }
.km-author-mini__stars .star { font-size:13px; color:#ffb300; margin-right:2px; }
.km-author-mini__likes { color:#e63946; font-weight:700; }

/* Single content */
.km-single__content { margin-top:8px; color:#222; line-height:1.35; }

/* Separator */
.km-sep { border:none; border-top:1px solid rgba(0,0,0,0.06); margin:18px 0; }

/* =======================
   COMMENTS & THREAD
======================= */

/* Thread & cards */
.km-thread { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.km-thread > li { background:#fff; border-radius:14px; padding:12px; box-shadow:0 8px 20px rgba(0,0,0,0.04); border:1px solid rgba(0,0,0,0.04); }

/* Comment card meta/body */
.km-msg__head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.km-msg__avatar { width:40px; height:40px; border-radius:999px; overflow:hidden; flex-shrink:0; margin-right:10px; display:inline-flex; align-items:center; justify-content:center; background:#f7f7f7; }
.km-msg__avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.km-msg__meta { min-width:0; overflow:hidden; }
.km-msg__body { color:#222; font-size:14px; line-height:1.45; margin-top:8px; }

/* Heart / like on comment */
.km-msg__heart { color: #e63946; font-size:15px; text-decoration:none; display:inline-flex; align-items:center; }

/* Comment form */
.km-comment-textarea {
  width:100%;
  min-height:90px;
  padding:10px;
  border:1px solid #e2e2e2;
  border-radius:10px;
  resize:vertical;
  font-family:inherit;
  font-size:14px;
}
.km-comment-submit.km-btn { margin-top:8px; padding:10px 14px; }

/* Move submit to right */
.form-submit { text-align: right !important; margin-top:12px !important; }

/* =======================
   GUEST (ANON) COMMENT STYLING
   - Faded/silinik look for guest comments
   - Guest labels (Guest01/02) are applied server-side in comments_array filter
======================= */

/* Guest comment container: faded appearance */
.km-guest {
  opacity: 0.66;
  color: #666;
  filter: none;
}

/* Ensure guest author meta still legible but subtle */
.km-guest .km-msg__meta strong { color: #444; }

/* Message body inherits faded color */
.km-guest .km-msg__body { color: inherit; }

/* Slightly reduce elevation for guest cards */
.km-thread > li.km-guest { box-shadow: 0 6px 16px rgba(0,0,0,0.03); border:1px solid rgba(0,0,0,0.03); }

/* Guest avatar placeholder styling (letter) */
.km-guest .km-msg__avatar { background:#fafafa; color:#666; font-weight:700; }

/* On small screens make guests slightly less faded to keep legibility */
@media (max-width:520px) {
  .km-guest { opacity: 0.76; }
}

/* =======================
   PAGE / ACCOUNT / PROFILE
======================= */

.km-account{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;margin:14px 0 18px}
.km-account__card{background:#fff;border-radius:18px;box-shadow:var(--km-shadow);padding:18px;text-align:center}
.km-account__avatar{width:128px;height:128px;border-radius:999px;display:block;margin:8px auto 10px;box-shadow:0 8px 24px rgba(0,0,0,.12);object-fit:cover}
.km-account__name{margin:.2rem 0 .2rem;font-weight:800;font-size:22px}
.km-account__meta{margin:0 0 8px;color:#555}
.km-account__stats{display:flex;gap:10px;justify-content:center;margin:8px 0 12px;color:#333}
.km-account__map{width:100%;height:440px;border:3px solid #fff;border-radius:18px;overflow:hidden;box-shadow:var(--km-shadow);background:#fafafa}
.km-account__h2{font-size:20px;margin:12px 0}
.km-empty{background:#fff;border-radius:14px;box-shadow:var(--km-shadow);padding:16px}

/* Profile form */
.km-prof-form{text-align:left}
.km-prof__label{display:block;font-weight:800;margin:10px 0 6px}
.km-prof__input{width:100%;border:1px solid #ddd;border-radius:10px;padding:10px}
.km-prof__actions{display:flex;gap:10px;margin-top:12px}
.km-avatar-row{display:flex;align-items:center;gap:12px}

/* Small screens */
@media(max-width:980px){
  .km-account{grid-template-columns:1fr}
  .km-account__map{height:340px}
}
/* Profil düzenle – avatar + dosya input hizalaması */
.km-avatar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.km-avatar-row .km-account__avatar {
  flex: 0 0 auto;
}

.km-avatar-row input[type="file"] {
  flex: 1 1 auto;
  max-width: 220px;              /* çok açılmasın */
  font-size: 13px;
}
@media (max-width: 720px) {
  .km-avatar-row {
    align-items: flex-start;
  }
  .km-avatar-row input[type="file"] {
    max-width: 100%;
  }
}
/* =======================
   SINGLE-EV ADJUSTMENTS (mobile/desktop fine-tuning)
======================= */

/* Tighten paragraph spacing */
.km-single__content p, .km-single__content li { margin-bottom:10px !important; line-height:1.32 !important; color:#222; }

/* Author box alternative style */
.km-author-mini--boxed { background: #fff !important; color:#111 !important; }


/* Reduce global vertical whitespace within the single detail container */
.km-detail { padding-top:10px; padding-bottom:18px; }



/* =======================
   MISC & SAFEGUARDS
======================= */

/* Avoid horizontal scrolls */
html, body { overflow-x: hidden; }

/* Ensure CTA visible if map wrapper lost it */
.km-map__box .km-pin-cta { position: absolute; top: 12px; right: 12px; z-index: 12020; }

/* Final fallback small-screen tune */
@media (max-width:420px) {
  .km-container { padding-left:14px; padding-right:14px; }
  .km-hero__card { padding:10px 12px; }
}
/* Global temel buton stili */
.km-btn{
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  border:none;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}
.km-btn:hover{
  opacity:.96;
}
/* End of style.css */

/* --- Kiralamadan comment visibility tweaks --- */

/* Hide cookie consent row & default author/email visible controls if any remain */
.comment-form-cookies-consent,
.comment-form-cookies-consent * ,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-allowed-tags {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Slightly faded look for guest comments */
.km-guest {
  opacity: 0.72;
  color: #666;
  filter: none;
}

/* Make sure message text is legible but subdued */
.km-guest .km-msg__body,
.km-guest .comment-body,
.km-guest .comment-content {
  color: inherit;
  opacity: 1;
  font-style: normal;
}

/* Guest avatar placeholder */
.km-guest .km-msg__avatar,
.km-guest .comment-author img,
.km-guest .avatar {
  background: #fafafa;
  color: #777;
  border-radius: 999px;
}

/* Optional: de-emphasize author meta slightly */
.km-guest .km-msg__meta,
.km-guest .comment-meta {
  color: #777;
  font-weight: 600;
}

/* Small animation for new duplicate-alert (if used by your AJAX) */
.km-shake { animation: km-shake .8s; }
@keyframes km-shake {
  0% { transform: translateX(0); }
  10%{ transform: translateX(-6px); }
  20%{ transform: translateX(6px); }
  30%{ transform: translateX(-4px); }
  40%{ transform: translateX(4px); }
  50%{ transform: translateX(-2px); }
  60%{ transform: translateX(2px); }
  100%{ transform: translateX(0); }
}
/* Footer – marka rengi zemin, içerik ortalı */
.site-footer {
  background: var(--km-yellow);     /* burada artık #e3b448 */
  padding: 16px 0 20px;
}

.site-footer .site-info {
  max-width: var(--km-content-max-width);
  margin: 0 auto;
  padding: 12px 16px;
  text-align: center;
  font-size: 13px;
  color: rgba(0,0,0,0.85);
  border-top: 1px solid rgba(255,255,255,0.25);
}

.site-footer .site-info::before {
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,0.6);
  margin: 0 auto 8px;
}

/* Küçük ekranlarda biraz daha sıkı */
@media (max-width: 520px) {
  .site-footer .site-info {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 14px;
  }
}
/* === Harita pin şekilleri (damla tipi) === */
.km-pin-icon {
  /* Leaflet default icon stilini sıfırla */
}

.km-pin {
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #1e88e5;
  box-shadow: 0 8px 18px rgba(0,0,0,.3);
}

.km-pin::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 0;
  height: 0;
  border-width: 8px 6px 0 6px;
  border-style: solid;
  border-color: inherit transparent transparent transparent;
  transform: translateX(-50%);
}

/* iç yuvarlak */
.km-pin__body {
  position: absolute;
  inset: 4px;
  border-radius: 999px;
  background: #fff;
  opacity: .9;
}

/* Renkler pin_type'a göre */
.km-pin--normal  { background:#1e88e5; }  /* mavi */
.km-pin--anonim  { background:#777777; }  /* gri */
.km-pin--ticari  { background:#0b5d91; }  /* lacivert */
.km-pin--reklam  { background:#f5b21a; }  /* sarı */
/* === SINGLE-EV MOBİL – PROFİL + BAŞLIK + AÇIKLAMA ARALIĞINI MİNİMUM YAP === */
@media (max-width: 720px) {

  /* Balonun iç üst padding’i */
  .km-detail__info {
    padding-top: 4px !important;
  }

  /* Header: profil + başlık bloğu – arayı sıkıştır */
  .km-detail__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;           /* profil–başlık arası neredeyse yok */
    margin-top: 2px !important;
    margin-bottom: 0 !important;   /* header altındaki boşluğu sıfırla */
  }

  /* PROFİL kartını biraz küçült */
  .km-detail__head-right {
    order: 1;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .km-detail__head-right .km-author-mini--boxed {
    padding: 4px 6px !important;
    border-radius: 10px;
    gap: 6px;
    max-width: 190px;
    margin: 2px 0 0 0 !important;
  }

  .km-author-mini__avatar {
    width: 40px;
    height: 40px;
  }

  .km-author-mini__info {
    font-size: 11px;
    line-height: 1.15;
  }

  /* BAŞLIK bloğu: profilin hemen peşinde */
  .km-detail__head-left {
    order: 2;
    width: 100%;
  }

  .km-detail__info .km-title {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    font-size: 1.12rem;
    line-height: 1.16;
  }

  /* Header ile açıklama arasındaki çizgiyi (ilk hr) tamamen kaldır */
  .km-detail__info > .km-sep:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: none !important;
    height: 0 !important;
  }

  /* Açıklama bloğunun üst boşluğu: sıfır */
  .km-detail__info .km-single__content {
    margin-top: 0 !important;
  }

  .km-detail__info .km-single__content > p:first-of-type {
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    font-size: 13px;
    line-height: 1.3;
  }
}
/* === Spotlight (masaüstü) – daha küçük, ortalanmış === */
@media (min-width: 981px) {
  /* Genel content 1200px ama spotlight'ı biraz daraltalım */
  #km-spotlight {
    max-width: 900px;            /* istersen 840 / 960 yapabilirsin */
    margin: 0 auto;              /* zaten ortalanmış, garanti için */
  }

  /* Frame de aynı oranda daralsın, oran korunuyor */
  .km-hero__frame {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* === Harita pinleri – sade, gölgeli damla === */
.km-pin-icon {
  /* Leaflet divIcon için reset */
}

.km-pin {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #1e88e5;
  box-shadow: 0 8px 18px rgba(0,0,0,.25);
}

/* küçük damla kuyruğu */
.km-pin::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 0;
  height: 0;
  border-width: 7px 5px 0 5px;
  border-style: solid;
  border-color: inherit transparent transparent transparent;
  transform: translateX(-50%);
}

/* iç beyaz boşluk */
.km-pin__body {
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  background: #fff;
}

/* renkler: pin_type'a göre */
.km-pin--normal  { background:#1e88e5; }  /* mavi */
.km-pin--anonim  { background:#777777; }  /* gri */
.km-pin--ticari  { background:#0b5d91; }  /* lacivert */
.km-pin--reklam  { background:#f5b21a; }  /* sarı */
/* Büyük ekranlarda daha da kompakt istersen (opsiyonel) */
@media (min-width: 1400px) {
  #km-spotlight,
  .km-hero__frame {
    max-width: 840px;
  }
}
/* Leaflet default marker PNG ikonunu gizle (divIcon kullanıyoruz) */
.leaflet-marker-icon:not(.km-pin-icon) {
  display: none !important;
}
/* Sade, gölgeli renkli pin noktası */
.km-pin-icon {
  /* Leaflet divIcon için reset */
}

.km-pin {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #1e88e5; /* default mavi */
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  border: 2px solid #ffffff;
}

/* iç dolgu – istersen kaldırabilirsin */
.km-pin__body {
  display: none;
}

/* Renkler */
.km-pin--normal  { background:#1e88e5; }  /* mavi */
.km-pin--anonim  { background:#777777; }  /* gri */
.km-pin--ticari  { background:#0b5d91; }  /* lacivert */
.km-pin--reklam  { background:#f5b21a; }  /* sarı */
/* Leaflet varsayılan PNG ikonlarını gizle – sadece km-pin-icon (divIcon) kalsın */
.leaflet-marker-icon:not(.km-pin-icon) {
  display: none !important;
}
/* === KM MAP PIN FINAL FIX === */

/* 1) Leaflet'in kendi PNG ikonlarını tamamen gizle */
.leaflet-marker-icon:not(.km-pin-icon) {
  display: none !important;
}

/* 2) Bizim divIcon wrapper'ı – sadece custom pinler için */
.km-pin-icon {
  /* Leaflet pozisyonlamasını bozma, sadece görseli kontrol et */
  background: transparent !important;
  border: none !important;
}

/* 3) Sade, yuvarlak nokta pin (kuyruk yok) */
.km-pin {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #1e88e5; /* varsayılan mavi */
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  border: 2px solid #ffffff;
  display: block;
  position: relative;
}

/* İç span şu anda kullanılmıyor, görünmez kalsın */
.km-pin__body {
  display: none;
}

/* 4) Renkler pin_type'a göre */
.km-pin--normal  { background:#1e88e5; }  /* mavi */
.km-pin--anonim  { background:#777777; }  /* gri */
.km-pin--ticari  { background:#0b5d91; }  /* lacivert */
.km-pin--reklam  { background:#f5b21a; }  /* sarı */

/* 5) Eski kuyruk / ::after denemelerini tamamen devre dışı bırak */
.km-pin::after {
  content: none !important;
}

/* 6) Herhangi bir kalmış border / background kalıntısını temizle */
.leaflet-marker-icon.km-pin-icon img,
.leaflet-marker-icon.km-pin-icon svg {
  display: none !important;
}
/* --- PROFİL HARİTASI ÖZEL DÜZELTMELERİ (#km-account-map) --- */

/* 1) Profil haritasında Leaflet'in varsayılan PNG ikonlarını GİZLEME.
 *    Global kural .leaflet-marker-icon:not(.km-pin-icon) hepsini saklıyor.
 *    Burada onu override ediyoruz.
 */
#km-account-map .leaflet-marker-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 2) Profil haritasında gölge PNG'lerini tamamen kapat (gri bulutları gizle). */
#km-account-map .leaflet-marker-shadow {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
/* === POPUP ALT ÜÇGENİ – VARSAYILAN TIPİ KAPAT, SADECE BİZİM ÜÇGEN KALSIN === */

/* Leaflet'in default gri üçgenini gizle */
.leaflet-popup-tip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Haritada (anasayfa + hesap) kullandığımız üçgeni net, tek katmanlı yap */
.km-map__box .leaflet-popup-tip,
#kiralamadan-map .leaflet-popup-tip,
#km-account-map .leaflet-popup-tip {
  width: 28px !important;
  height: 16px !important;
  margin-left: -14px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.km-map__box .leaflet-popup-tip::before,
#kiralamadan-map .leaflet-popup-tip::before,
#km-account-map .leaflet-popup-tip::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  border-radius: 0 0 6px 6px;
  transform: translateY(-2px);
}
/* Global kart stili – tüm “kart” benzeri bloklara tek tip görünüm */
.card,
.container-box,
.km-auth-card,
.km-account__card,
.km-empty,
.km-thread > li,
.km-detail__info,
.km-map__box > .km-map-inner,
#km-newpin-form {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  border: none;
}
/* === PROFİL, YENİ PIN ve SINGLE-EV HARİTALARINDA DEFAULT PNG MARKERLARI GÖSTER === */

/* Profil: #km-account-map */
#km-account-map .leaflet-marker-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#km-account-map .leaflet-marker-shadow {
  display: none !important;      /* gölgeleri kapat */
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Yeni Pin (pin bırak sayfası): #km-newpin-map */
#km-newpin-map .leaflet-marker-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#km-newpin-map .leaflet-marker-shadow {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Single ev sayfasındaki küçük harita: #ev-map-small */
#ev-map-small .leaflet-marker-icon {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#ev-map-small .leaflet-marker-shadow {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}