/* Ücretsiz Sıra Bulucu · MAPS stilleri (WiseCP .st2-maps-card tasarımının srlp- uyarlaması).
   #srlp'ye scoped; free-tool.css'teki --muted vb. token'ları kullanır. */

/* HARİTALAR formu: geniş link alanı + ipucu */
#srlp .srlp-field-wide { grid-column: 1 / -1; }
#srlp .srlp-field-hint { font-size: 12px; color: var(--muted); margin-top: 6px; line-height: 1.5; }

/* ====================================================================
   HARİTALAR SONUÇ LİSTESİ · gerçek Google Maps sol paneli görünümü
   (.srlp-mlist + .srlp-mc-*) · #srlp scoped
   ==================================================================== */

#srlp .srlp-mlist {
  list-style: none; margin: 0; padding: 0;
  background: #fff; border: 1px solid #e8eaed; border-radius: 14px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08);
}

/* Üst şerit: Maps arama çubuğu hissi (dekoratif hap: 🔍 + kelime + soluk "Haritalar") */
#srlp .srlp-mc-sbar { padding: 12px 14px; background: #fff; border-bottom: 1px solid #e8eaed; }
#srlp .srlp-mc-spill {
  display: flex; align-items: center; gap: 10px;
  background: #fff; border: 1px solid #dfe1e5; border-radius: 24px; padding: 9px 16px;
  box-shadow: 0 1px 6px rgba(32, 33, 36, .14);
}
#srlp .srlp-mc-sico { font-size: 14px; flex: none; line-height: 1; }
#srlp .srlp-mc-sq {
  min-width: 0; font-size: 14.5px; font-weight: 500; color: #202124;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#srlp .srlp-mc-stag {
  margin-left: auto; padding-left: 12px; border-left: 1px solid #e8eaed;
  font-size: 11.5px; font-weight: 500; color: #9aa0a6; flex: none;
}

/* "Sonuçlar" başlığı (Maps panel başlığı hissi) */
#srlp .srlp-mc-rescount {
  display: flex; align-items: baseline; padding: 12px 16px 6px;
  font-size: 15px; font-weight: 600; color: #202124;
}
#srlp .srlp-mc-rescount span { margin-left: auto; font-size: 12px; font-weight: 400; color: #9aa0a6; }

/* İşletme satırı: rozet + içerik + sağda foto placeholder; ince ayraç, hafif hover */
#srlp .srlp-mc {
  display: grid; grid-template-columns: 26px minmax(0, 1fr) 84px; gap: 12px; align-items: start;
  padding: 14px 16px; border-top: 1px solid #e8eaed; background: #fff; transition: background .12s;
}
#srlp .srlp-mc:hover { background: #f8f9fa; }

/* Sıra rozeti (Maps pin kırmızısı; kendi işletmen yeşile döner) */
#srlp .srlp-mc-rank {
  width: 22px; height: 22px; margin-top: 2px; border-radius: 50%;
  background: #ea4335; color: #fff; font-size: 11px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 1px 3px rgba(234, 67, 53, .4);
}

/* Gövde */
#srlp .srlp-mc-body { min-width: 0; }
#srlp .srlp-mc-name {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 16px; font-weight: 500; color: #202124; line-height: 1.3;
}
#srlp .srlp-mc-sen {
  flex: none; font-size: 10px; font-weight: 800; letter-spacing: .06em;
  color: #fff; background: #34a853; border-radius: 999px; padding: 2px 9px;
}

/* Puan satırı: 4,6 ★★★★★ (1.234) */
#srlp .srlp-mc-stars { display: flex; align-items: center; gap: 5px; margin-top: 3px; font-size: 13px; }
#srlp .srlp-mc-rval { color: #70757a; }
#srlp .srlp-mc-starrow { letter-spacing: 1px; line-height: 1; white-space: nowrap; }
#srlp .srlp-mc-star-on { color: #fbbc04; }
#srlp .srlp-mc-star-off { color: #dadce0; }
#srlp .srlp-mc-rcount { color: #70757a; }

/* "Kategori · Adres" gri satırı + telefon küçük satırı */
#srlp .srlp-mc-sub { margin-top: 3px; font-size: 13px; color: #70757a; line-height: 1.45; }
#srlp .srlp-mc-phone { margin-top: 2px; font-size: 12.5px; color: #70757a; }

/* Sağda foto placeholder (gerçek foto yok: kategori emojisi ya da ilk harf gradyanı) */
#srlp .srlp-mc-photo {
  width: 84px; height: 84px; border-radius: 10px; flex: none; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px; font-weight: 700; color: #fff; user-select: none;
}
#srlp .srlp-mc-ph-emoji { background: #f1f3f4; border: 1px solid #e8eaed; }
#srlp .srlp-mc-ph1 { background: linear-gradient(135deg, #4285f4, #2b6bd0); }
#srlp .srlp-mc-ph2 { background: linear-gradient(135deg, #34a853, #1e8e3e); }
#srlp .srlp-mc-ph3 { background: linear-gradient(135deg, #fbbc04, #f29900); }
#srlp .srlp-mc-ph4 { background: linear-gradient(135deg, #ea4335, #c5221f); }

/* Kendi işletmen: soluk yeşil zemin + sol yeşil şerit + yeşil rozet */
#srlp .srlp-mc.is-mine { background: #e6f4ea; box-shadow: inset 4px 0 0 #34a853; }
#srlp .srlp-mc.is-mine:hover { background: #def0e4; }
#srlp .srlp-mc.is-mine .srlp-mc-rank { background: #34a853; box-shadow: 0 1px 3px rgba(52, 168, 83, .4); }

/* Boş durum */
#srlp .srlp-mc-empty {
  padding: 28px 16px; border-top: 1px solid #e8eaed;
  text-align: center; font-size: 13.5px; color: #70757a;
}

@media (max-width: 560px) {
  #srlp .srlp-mc { grid-template-columns: 22px minmax(0, 1fr) 64px; gap: 10px; padding: 12px; }
  #srlp .srlp-mc-rank { width: 20px; height: 20px; font-size: 10px; }
  #srlp .srlp-mc-name { font-size: 15px; }
  #srlp .srlp-mc-photo { width: 64px; height: 64px; font-size: 26px; border-radius: 8px; }
  #srlp .srlp-mc-spill { padding: 8px 13px; }
  #srlp .srlp-mc-sq { font-size: 13.5px; }
}

/* ====================================================================
   MAPS 3-ADIM SİHİRBAZI (link → onay → sorgu) · #srlp scoped
   ==================================================================== */

/* Bayrak: flagcdn img'i .srlp-flag kutusuna sığdır (SVG bayraklarla aynı görünüm) */
#srlp .srlp-flag img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Adım göstergesi (1 İşletme · 2 Onay · 3 Sorgu) */
#srlp .srlp-mwiz-steps { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 2px 0 20px; }
#srlp .srlp-mwiz-dot { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: #94a3b8; }
#srlp .srlp-mwiz-dot b {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px;
  border-radius: 50%; background: #eef2f7; color: #94a3b8; font-size: 12px; font-weight: 800; flex: none;
}
#srlp .srlp-mwiz-dot.on { color: #0f172a; }
#srlp .srlp-mwiz-dot.on b { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #fff; box-shadow: 0 4px 10px -3px rgba(245,158,11,.6); }
#srlp .srlp-mwiz-dot.done b { background: #16a34a; color: #fff; }
#srlp .srlp-mwiz-line { width: 34px; height: 2px; background: #eef2f7; border-radius: 2px; }

/* Adımlar: yalnız .srlp-on görünür */
#srlp .srlp-mstep { display: none; }
#srlp .srlp-mstep.srlp-on { display: block; animation: srlpMwizIn .28s ease; }
@keyframes srlpMwizIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Adım 1 hata satırı */
#srlp .srlp-mwiz-err { display: none; margin-top: 8px; font-size: 13px; color: #dc2626; font-weight: 600; }
#srlp .srlp-mwiz-err.show { display: block; }

/* Adım 2: onay kartı */
#srlp .srlp-mwiz-card {
  border: 1px solid #e6ebf2; border-radius: 16px; overflow: hidden; background: #fff;
  box-shadow: 0 10px 30px -18px rgba(15,23,42,.25); margin-bottom: 18px;
}
#srlp .srlp-mwiz-map { width: 100%; height: 190px; border: 0; display: block; background: #eef2f7; }
#srlp .srlp-mwiz-cbody { display: grid; grid-template-columns: 56px 1fr; gap: 14px; padding: 16px 18px; align-items: start; }
#srlp .srlp-mwiz-av {
  width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center;
  font-size: 24px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #fbbf24, #f59e0b); flex: none;
}
#srlp .srlp-mwiz-cname { font-size: 18px; font-weight: 800; color: #0f172a; line-height: 1.25; }
#srlp .srlp-mwiz-cloc { display: flex; align-items: flex-start; gap: 6px; font-size: 13.5px; color: #475569; margin-top: 7px; line-height: 1.5; }
#srlp .srlp-mwiz-cloc svg { color: #f59e0b; flex: none; margin-top: 2px; }
#srlp .srlp-mwiz-cnote { font-size: 12px; color: #94a3b8; margin-top: 9px; }
#srlp .srlp-mwiz-cloc.loading { color: #94a3b8; font-style: italic; }

/* Adım 2: aksiyonlar */
#srlp .srlp-mwiz-actions { display: flex; gap: 12px; flex-wrap: wrap; }
#srlp .srlp-mwiz-actions .srlp-btn { flex: 1 1 auto; }

/* Adım 3: onaylanan işletme özet çipi */
#srlp .srlp-mwiz-chip {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: linear-gradient(90deg, #dcfce7, #ecfdf5); border: 1px solid #bbf7d0;
  border-radius: 12px; padding: 10px 14px; margin-bottom: 16px; font-size: 13.5px; color: #14532d;
}
#srlp .srlp-mwiz-chip .srlp-mwiz-chip-ic { color: #16a34a; flex: none; }
#srlp .srlp-mwiz-chip b { font-weight: 800; }
#srlp .srlp-mwiz-chip-edit {
  margin-left: auto; background: none; border: 0; color: #0e7490; font-size: 12.5px; font-weight: 700;
  cursor: pointer; text-decoration: underline; padding: 0;
}

/* Adım 3: il/ilçe stilli select (bayraklı srlp-dd ile aynı yükseklik/his) */
#srlp .srlp-msel-wrap { position: relative; }
#srlp .srlp-msel-wrap::after {
  content: ""; position: absolute; right: 14px; top: 50%; width: 9px; height: 9px; pointer-events: none;
  border-right: 2.4px solid #94a3b8; border-bottom: 2.4px solid #94a3b8; transform: translateY(-70%) rotate(45deg);
}
#srlp .srlp-msel {
  width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background: #fff; border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 12px 34px 12px 14px;
  font-size: 14px; font-weight: 600; color: #0f172a; cursor: pointer; font-family: inherit;
  transition: border-color .15s, box-shadow .15s;
}
#srlp .srlp-msel:hover { border-color: #cbd5e1; }
#srlp .srlp-msel:focus { outline: none; border-color: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.15); }
#srlp .srlp-msel:disabled { background: #f8fafc; color: #94a3b8; cursor: not-allowed; }

@media (max-width: 560px) {
  #srlp .srlp-mwiz-cbody { grid-template-columns: 46px 1fr; gap: 11px; padding: 13px; }
  #srlp .srlp-mwiz-av { width: 46px; height: 46px; font-size: 20px; }
  #srlp .srlp-mwiz-map { height: 150px; }
  #srlp .srlp-mwiz-line { width: 20px; }
}