/* ============================================================
   css/mz-satici.css — Satici araclari (inc/mz-satici*.php).
   HER kural .mz-st kokunun altinda: baska sayfaya, LPanel'e ya da
   hesap sayfalarinin geri kalanina dokunmaz. Renkler pazarin tema
   degiskenleri (header.php); yedekler tasarimin renkleri.
   Telefon once; masaustu duzeni (MasaLawhaBai) 992px'ten itibaren.
   Yonler mantiksal (inline-start/end): Arapcada kendiliginden aynalanir.
   ============================================================ */
.mz-st{--st-vurgu:var(--mz-vurgu,#0b6b57);--st-vurgu-yazi:var(--mz-vurgu-yazi,#fff);--st-yuzey:var(--mz-yuzey,#fff);--st-zemin:var(--mz-zemin,#f4f6f8);--st-cizgi:var(--mz-cizgi,#dde3e8);--st-r:var(--mz-radius-md,12px);--st-yazi:#18222d;--st-soluk:#56616d;--st-acik:#e3f2ee;--st-turuncu:#b5651d;--st-kirmizi:#a1361e;color:var(--st-yazi);font-size:15px;line-height:1.6;box-sizing:border-box;max-width:100%}
.mz-st *,.mz-st *::before,.mz-st *::after{box-sizing:border-box}
.mz-st-sayfa{padding-bottom:32px}
.mz-st a{color:var(--st-vurgu)}
.mz-st .mz-st-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- ortak ---------- */
.mz-st .mz-st-ust{display:flex;flex-direction:column;gap:4px;margin:0 0 14px}
.mz-st .mz-st-yol{font-size:13px;color:var(--st-soluk)}
.mz-st .mz-st-yol a{color:inherit}
.mz-st .mz-st-baslik{font-size:22px;font-weight:700;line-height:1.35;margin:0}
.mz-st .mz-st-kart{background:var(--st-yuzey);border:1px solid var(--st-cizgi);border-radius:var(--st-r);padding:14px;margin:0 0 12px}
.mz-st .mz-st-kart-baslik{font-size:16px;font-weight:700;margin:0 0 10px;line-height:1.4}
.mz-st .mz-st-not{font-size:13px;color:var(--st-soluk);margin:8px 0 0}
.mz-st .mz-st-orta{text-align:center}
.mz-st .mz-st-bos{padding:28px 12px;text-align:center;color:var(--st-soluk)}
.mz-st .mz-st-birincil,.mz-st .mz-st-ikincil,.mz-st .mz-st-dugme{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;cursor:pointer;text-decoration:none}
.mz-st .mz-st-birincil{border:0;background:var(--st-vurgu);color:var(--st-vurgu-yazi);font-weight:700}
.mz-st .mz-st-ikincil{border:1px solid #9aa6b2;background:var(--st-yuzey);color:var(--st-yazi)}
.mz-st .mz-st-dugme{min-height:40px;padding:0 12px;border:1px solid #cbd3db;background:var(--st-yuzey);color:var(--st-yazi);font-size:14px;flex-shrink:0}
.mz-st .mz-st-genis{width:100%;margin-top:10px}
.mz-st .mz-st-nokta{width:10px;height:10px;border-radius:5px;flex-shrink:0;background:var(--st-turuncu);display:inline-block}
.mz-st .mz-st-nokta.mz-st-kirmizi{background:var(--st-kirmizi)}
.mz-st .mz-st-satir{display:flex;align-items:center;gap:12px}
.mz-st .mz-st-satir-ic{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}
.mz-st .mz-st-satir-ad{font-weight:700;color:var(--st-yazi);overflow-wrap:anywhere}
.mz-st .mz-st-satir-alt{font-size:13px;color:var(--st-soluk)}
.mz-st .mz-st-avatar{width:44px;height:44px;border-radius:22px;background:#dce3e9;flex-shrink:0}
.mz-st .mz-st-satir form{margin:0}

/* ---------- sekmeler (Qawaim) ---------- */
.mz-st .mz-st-sekmeler{display:flex;gap:4px;border-bottom:1px solid var(--st-cizgi);margin:0 0 14px;overflow-x:auto}
.mz-st .mz-st-sekme{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 14px;border-bottom:3px solid transparent;color:#45505c;text-decoration:none;white-space:nowrap}
.mz-st .mz-st-sekme.mz-st-acik{border-bottom-color:var(--st-vurgu);color:var(--st-yazi);font-weight:700}

/* ---------- tatil (Ijaza) ---------- */
.mz-st-ij,.mz-st-qw{max-width:640px;margin:0 auto}
.mz-st .mz-st-anahtar-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;cursor:pointer}
.mz-st .mz-st-anahtar-metin{display:flex;flex-direction:column;gap:2px}
.mz-st .mz-st-anahtar-ad{font-size:16px;font-weight:700}
.mz-st .mz-st-anahtar-alt{font-size:13px;color:var(--st-soluk)}
.mz-st .mz-st-anahtar{appearance:none;-webkit-appearance:none;flex-shrink:0;width:46px;height:28px;border-radius:14px;background:#8c97a3;position:relative;margin:0;cursor:pointer}
.mz-st .mz-st-anahtar::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:inset-inline-start .15s}
.mz-st .mz-st-anahtar:checked{background:var(--st-vurgu)}
.mz-st .mz-st-anahtar:checked::after{inset-inline-start:21px}
.mz-st .mz-st-anahtar:focus-visible{outline:3px solid var(--st-vurgu);outline-offset:2px}
.mz-st .mz-st-alanlar{display:flex;flex-direction:column;gap:10px}
.mz-st .mz-st-alanlar[hidden]{display:none}
.mz-st .mz-st-etiket{font-size:14px;font-weight:700;margin:0;padding:0}
.mz-st .mz-st-girdi{font:inherit;font-size:15px;min-height:44px;padding:8px 12px;border:1px solid #9aa6b2;border-radius:8px;width:100%;background:#fff;color:var(--st-yazi)}
.mz-st textarea.mz-st-girdi{resize:vertical}
.mz-st .mz-st-secenekler{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mz-st .mz-st-secenek{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:1px solid #cbd3db;border-radius:10px;cursor:pointer;margin:0;font-weight:400}
.mz-st .mz-st-secenek:has(input:checked){border:2px solid var(--st-vurgu);background:var(--st-acik)}
.mz-st .mz-st-secenek input{margin:0;width:18px;height:18px;accent-color:var(--st-vurgu)}
.mz-st .mz-st-secenek>span{display:flex;flex-direction:column;gap:2px}
.mz-st .mz-st-secenek-alt{font-size:12px;color:var(--st-soluk)}
.mz-st .mz-st-uyari{background:#fff4e5;color:#5a3a0e;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.7;margin:0 0 12px}
.mz-st-ij .mz-st-birincil{width:100%}

/* ---------- rozet (ilan sayfasi, Ilanlarim) ---------- */
.mz-st.mz-st-tatil-rozet,.mz-st .mz-st-tatil-rozet{display:flex;align-items:center;gap:8px;background:#fff4e5;color:#5a3a0e;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:14px}

/* ---------- soru karti + otomatik tasima (Mutawaffir) ---------- */
.mz-st .mz-st-soru{border:2px solid var(--st-vurgu)}
.mz-st .mz-st-soru-ilan{display:flex;gap:12px;align-items:center}
.mz-st .mz-st-soru-ilan img,.mz-st .mz-st-resim-yok{width:72px;height:54px;border-radius:8px;object-fit:cover;background:#dce3e9;flex-shrink:0;display:block}
.mz-st .mz-st-soru-ilan>div{display:flex;flex-direction:column;min-width:0}
.mz-st .mz-st-soru-baslik{font-size:17px;font-weight:700;margin:12px 0 4px}
.mz-st .mz-st-soru-metin{font-size:14px;color:#45505c;margin:0 0 10px}
.mz-st .mz-st-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.mz-st .mz-st-iki button{min-height:48px}
.mz-st .mz-st-planlar{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mz-st .mz-st-plan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;border:1px solid #cbd3db;border-radius:10px;cursor:pointer;margin:0;font-weight:400;text-align:center;padding:4px}
.mz-st .mz-st-plan:has(input:checked){border:2px solid var(--st-vurgu);background:var(--st-acik)}
.mz-st .mz-st-plan input{position:absolute;opacity:0;width:1px;height:1px}
.mz-st .mz-st-plan:focus-within{outline:3px solid var(--st-vurgu);outline-offset:2px}
.mz-st .mz-st-plan-ad{font-weight:700;font-size:14px}
.mz-st .mz-st-plan-fiyat{font-size:12px;color:#45505c}
.mz-st .mz-st-oto .mz-st-ikincil{border-color:var(--st-vurgu);color:var(--st-vurgu);font-weight:700}

/* «Hâlâ satılık mı?» cipi (ilan sayfasi mesaj penceresi) */
.mz-st.mz-st-hala{margin:0 0 10px}
.mz-st .mz-st-cip{font:inherit;font-size:14px;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--st-vurgu);background:var(--st-acik);color:var(--st-vurgu);font-weight:700;cursor:pointer}

/* ---------- fiyat gecmisi (Siar) ---------- */
.mz-st.mz-st-fg{background:var(--st-yuzey);border:1px solid var(--st-cizgi);border-radius:var(--st-r);padding:14px;margin:0 0 16px}
.mz-st .mz-st-fg-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.mz-st .mz-st-fg-bas h2{font-size:16px;font-weight:700;margin:0}
.mz-st .mz-st-fg-rozet{font-size:13px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eef1f4;color:#45505c}
.mz-st .mz-st-fg-rozet.mz-st-asagi{background:var(--st-acik);color:#07493b}
.mz-st .mz-st-fg-cizim{display:block;width:100%;height:110px;border-bottom:1px solid var(--st-cizgi)}
.mz-st .mz-st-fg-cizim path{fill:none;stroke:var(--st-vurgu);stroke-width:3;vector-effect:non-scaling-stroke}
[dir="rtl"] .mz-st .mz-st-fg-cizim{transform:scaleX(-1)}
.mz-st .mz-st-fg-liste{list-style:none;margin:8px 0 0;padding:0}
.mz-st .mz-st-fg-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;gap:8px;align-items:baseline;border-top:1px solid #eef1f4;padding:8px 0;font-size:14px}
.mz-st .mz-st-fg-tarih{color:#45505c}
.mz-st .mz-st-fg-fiyat{font-weight:700}
.mz-st .mz-st-fg-fark{text-align:end;font-weight:700;color:#45505c}
.mz-st .mz-st-fg-fark.mz-st-asagi{color:#07493b}
.mz-st .mz-st-fg-fark.mz-st-yukari{color:var(--st-kirmizi)}

/* ---------- istatistik (Main = telefon, MasaLawhaBai = masaustu) ---------- */
.mz-st .mz-st-ist-bas{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}
.mz-st .mz-st-ist-bas .mz-st-ust{margin:0}
.mz-st .mz-st-donem{display:flex;gap:6px}
.mz-st .mz-st-hap{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid #cbd3db;background:var(--st-yuzey);color:var(--st-yazi);text-decoration:none;font-size:14px}
.mz-st .mz-st-hap.mz-st-acik{border-color:var(--st-vurgu);background:var(--st-acik);color:#07493b;font-weight:700}
.mz-st .mz-st-secici{margin:0 0 12px}
/* Istatistik: 100'den fazla canli ilan sayfa sayfa (Codex P2 4245979657). */
.mz-st .mz-st-sayfalar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 12px;font-size:14px}
.mz-st .mz-st-sayfalar a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #9aa6b2;border-radius:8px;text-decoration:none}
.mz-st .mz-st-sayfalar span{font-variant-numeric:tabular-nums;color:#55606b}
.mz-st .mz-st-secici select{font:inherit;width:100%;min-height:44px;padding:0 10px;border:1px solid #9aa6b2;border-radius:8px;background:#fff}
/* Ucretli plan icin ilan secimi: istatistik telefon secicisinden (.mz-st-secici,
   masaustunde gizli) AYRI sinif - her genislikte gorunur (Codex P1 4243713055). */
.mz-st .mz-st-oto-secim{display:block;margin:0 0 12px}
.mz-st .mz-st-oto-secim label{display:block;margin:0 0 6px}
.mz-st .mz-st-oto-secim select{font:inherit;width:100%;min-height:44px;padding:0 10px;border:1px solid #9aa6b2;border-radius:8px;background:#fff}
.mz-st .mz-st-kutular{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.mz-st .mz-st-kutu{background:var(--st-yuzey);border:1px solid var(--st-cizgi);border-radius:10px;padding:10px 6px;display:flex;flex-direction:column;gap:2px;text-align:center;min-width:0}
.mz-st .mz-st-kutu-n{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.mz-st .mz-st-kutu-ad{font-size:12px;color:#45505c;overflow-wrap:anywhere}
.mz-st .mz-st-cubuklar{height:120px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--st-cizgi)}
.mz-st .mz-st-cubuk{flex:1;min-width:0;border-radius:2px 2px 0 0;background:var(--st-vurgu)}
.mz-st .mz-st-cubuk.mz-st-yok{background:repeating-linear-gradient(135deg,#eef1f4 0 4px,transparent 4px 8px);border-radius:0}
.mz-st .mz-st-cubuk.mz-st-sifir{height:2px !important;background:#cbd3db}
.mz-st .mz-st-eksen{display:flex;justify-content:space-between;font-size:12px;color:var(--st-soluk);margin-top:4px}
.mz-st .mz-st-dikkat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mz-st .mz-st-dikkat li{display:flex;align-items:center;gap:10px}
.mz-st .mz-st-dikkat-metin{flex-grow:1;font-size:14px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.mz-st .mz-st-dikkat li a{flex-shrink:0;font-weight:700;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.mz-st .mz-st-tablo-kap,.mz-st .mz-st-yan{display:none}
.mz-st .mz-st-tablo-kap{padding:0;overflow:hidden}
.mz-st .mz-st-tablo{width:100%;border-collapse:collapse;font-size:14px}
.mz-st .mz-st-tablo th,.mz-st .mz-st-tablo td{padding:11px 8px;text-align:start;border-top:1px solid #eef1f4}
.mz-st .mz-st-tablo thead th{color:var(--st-soluk);font-weight:500;border-top:0}
.mz-st .mz-st-tablo th:first-child{padding-inline-start:18px}
.mz-st .mz-st-tablo td{font-variant-numeric:tabular-nums}
.mz-st .mz-st-tablo tbody th a{color:var(--st-yazi);font-weight:700;text-decoration:none}
.mz-st .mz-st-tablo tr.mz-st-secili{background:#eaf5f1}
@media (min-width:992px){
	.mz-st.mz-st-ist .mz-st-ist-bas{flex-direction:row;justify-content:space-between;align-items:flex-end}
	.mz-st .mz-st-izgara{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:16px;align-items:start}
	.mz-st .mz-st-tablo-kap,.mz-st .mz-st-yan{display:block}
	.mz-st .mz-st-secici,.mz-st .mz-st-kutular,.mz-st .mz-st-tel-dikkat{display:none}
	.mz-st .mz-st-cubuklar{height:160px;gap:4px}
	.mz-st .mz-st-oto-kap{grid-column:1}
	.mz-st .mz-st-baslik{font-size:24px}
}