/* =====================================================================
   Orenda Şehircilik — Anasayfa Projeler + Türkiye Haritası
   ===================================================================== */

/* ---- Proje kartları (proje listeleme sayfalarıyla aynı stil) ---- */
.orn-card-wrap{ height:100%; }
.orn-card{ position:relative; display:block; height:100%; background:#fff; border:1px solid #ececec; border-radius:8px; overflow:hidden; box-shadow:0 6px 18px rgba(42,42,42,.06); transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease; }
.orn-card:hover{ transform:translateY(-8px); box-shadow:0 22px 42px rgba(42,42,42,.17); border-color:#ddab06; }
.orn-card__media{ position:relative; overflow:hidden; aspect-ratio:4/3; background:#f2f2f2; }
.orn-card__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.orn-card:hover .orn-card__media img{ transform:scale(1.07); }
.orn-card__media::after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(33,37,41,.42) 0%, rgba(33,37,41,0) 32%, rgba(33,37,41,0) 62%, rgba(33,37,41,.40) 100%); transition:opacity .45s ease; }
.orn-badge{ position:absolute; z-index:2; font-family:'Poppins',sans-serif; font-size:10px; font-weight:600; letter-spacing:1.4px; text-transform:uppercase; padding:6px 12px; border-radius:30px; line-height:1; white-space:nowrap; }
.orn-badge--cat{ top:14px; left:14px; background:rgba(30,30,30,.82); color:#fff; }
.orn-badge--status{ top:14px; right:14px; }
.orn-badge--devam{ background:#ddab06; color:#1e1e1e; }
.orn-badge--tamam{ background:#27ae60; color:#fff; }
.orn-badge--status::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:6px; vertical-align:middle; opacity:.85; }
.orn-card__body{ position:relative; padding:22px 22px 24px; }
.orn-card__body::before{ content:""; position:absolute; top:0; left:22px; width:38px; height:3px; background:#ddab06; border-radius:3px; transform:translateY(-50%); transition:width .45s ease; }
.orn-card:hover .orn-card__body::before{ width:66px; }
.orn-card__title{ font-family:'Poppins',sans-serif; color:#212529; font-weight:700; font-size:15px; line-height:1.45; margin:6px 0 12px; min-height:44px; }
.orn-card:hover .orn-card__title{ color:#000; }
.orn-card__loc{ color:#8e8e8e; font-size:12.5px; font-weight:500; margin:0; display:flex; align-items:center; gap:7px; }
.orn-card__loc i{ color:#ddab06; }
.orn-card__more{ margin-top:16px; display:inline-flex; align-items:center; gap:8px; color:#2a2a2a; font-size:11px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; opacity:0; transform:translateX(-6px); transition:opacity .45s ease, transform .45s ease; }
.orn-card:hover .orn-card__more{ opacity:1; transform:translateX(0); }
.orn-card__more i{ color:#ddab06; transition:transform .45s ease; }
.orn-card:hover .orn-card__more i{ transform:translateX(5px); }
@media (max-width:575px){ .orn-card__title{ min-height:0; } }

/* ---- Anasayfa proje bölümü filtre çipleri ---- */
.orn-proje-filter{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 34px; padding:0; list-style:none; }
.orn-chip{ cursor:pointer; border:1px solid #e2e2e2; background:#fff; color:#5b5b5b; font-family:'Poppins',sans-serif; font-size:12px; font-weight:600; letter-spacing:.5px; padding:9px 18px; border-radius:30px; transition:all .3s ease; user-select:none; }
.orn-chip:hover{ border-color:#ddab06; color:#1e1e1e; }
.orn-chip.active{ background:#ddab06; border-color:#ddab06; color:#1e1e1e; box-shadow:0 6px 16px rgba(221,171,6,.28); }
.orn-proje-empty{ text-align:center; color:#9a9a9a; padding:40px 0; font-size:15px; }

/* =====================================================================
   Türkiye Haritası
   ===================================================================== */
.orn-map-section{ background:linear-gradient(180deg,#fafafa 0%,#f2f2f2 100%); }
.orn-map-wrap{ position:relative; max-width:1000px; margin:0 auto; }
#turkiye-harita{ width:100%; height:auto; display:block; }
#turkiye-harita svg{ width:100%; height:auto; display:block; overflow:visible; }

/* iller */
#turkiye-harita path{ fill:#dcdcdc; stroke:#ffffff; stroke-width:.8; transition:fill .25s ease; }
/* projesi olmayan iller etkileşimsiz */
#turkiye-harita g{ pointer-events:none; }
/* projeli iller */
#turkiye-harita g.has-project{ cursor:pointer; pointer-events:auto; }
#turkiye-harita g.has-project path{ fill:#e8c14a; }
#turkiye-harita g.has-project:hover path,
#turkiye-harita g.is-active path{ fill:#ddab06; }

/* İl adı etiketi + pin */
.orn-map-pin{ pointer-events:none; }
.orn-map-pin circle{ fill:#e53935; stroke:#fff; stroke-width:1.2; }

/* Tooltip */
.orn-map-tip{ position:absolute; z-index:30; min-width:170px; max-width:260px; background:#1f1f1f; color:#fff; border-radius:10px; padding:12px 14px; box-shadow:0 14px 34px rgba(0,0,0,.28); font-family:'Poppins',sans-serif; opacity:0; transform:translate(-50%,-14px) scale(.96); transition:opacity .18s ease, transform .18s ease; pointer-events:none; }
.orn-map-tip.show{ opacity:1; transform:translate(-50%,-100%) scale(1); }
.orn-map-tip::after{ content:""; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #1f1f1f; }
.orn-map-tip__il{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; letter-spacing:.4px; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.14); }
.orn-map-tip__il i{ color:#e8c14a; }
.orn-map-tip__il .cnt{ margin-left:auto; background:#ddab06; color:#1e1e1e; font-size:11px; font-weight:700; border-radius:20px; padding:2px 9px; }
.orn-map-tip__list{ list-style:none; margin:0; padding:0; max-height:190px; overflow:auto; }
.orn-map-tip__list li{ font-size:12px; line-height:1.35; color:#e5e5e5; padding:4px 0; display:flex; gap:7px; }
.orn-map-tip__list li i{ color:#e8c14a; font-size:9px; margin-top:4px; }
.orn-map-tip__go{ display:block; text-align:center; margin-top:10px; font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:#e8c14a; font-weight:600; }

/* Harita lejantı */
.orn-map-legend{ display:flex; justify-content:center; flex-wrap:wrap; gap:26px; margin-top:8px; }
.orn-map-legend span{ display:inline-flex; align-items:center; gap:9px; font-family:'Poppins',sans-serif; font-size:12.5px; font-weight:500; color:#5b5b5b; }
.orn-map-legend .sw{ width:16px; height:16px; border-radius:4px; border:1px solid rgba(0,0,0,.06); }
.orn-map-legend .sw--on{ background:#ddab06; }
.orn-map-legend .sw--off{ background:#dcdcdc; }

@media (max-width:767px){
  .orn-map-tip{ display:none !important; }
}