/* ==========================================================================
   css/mz-mekan-bag.css — «أماكن مزاد» ↔ ilan baglari (inc/mz-mekan-bag.php).
   Onayli tasarim mekan-tas 1–6. Kapsam: .mzp*, kapsul yok.
   Renk: --mz-vurgu (ulke vurgusu), --mz-brand, --mz-link (header.php).
   ========================================================================== */
.mzp {--mzp-cizgi: #e3e7ec; --mzp-soluk: #6b7280; --mzp-yazi: #1b2030; border: 1px solid var(--mzp-cizgi); border-radius: 14px; background: #fff; padding: 16px 18px; margin: 18px 0; color: var(--mzp-yazi); min-width: 0;}
.mzp .mzp-bas {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 12px; margin: 0 0 6px;}
.mzp .mzp-bas h2 {margin: 0; font-size: 18px; font-weight: 800; line-height: 1.4; text-wrap: balance;}
.mzp .mzp-bas a {font-size: 14px; font-weight: 600; color: var(--mz-link, #1f6ac4); text-decoration: none;}
.mzp .mzp-turler {margin: 0 0 12px; font-size: 13.5px; color: #5b6672; line-height: 1.9;}
.mzp .mzp-turler a {color: var(--mz-link, #1f6ac4); text-decoration: none;}
.mzp .mzp-bas a:hover, .mzp .mzp-turler a:hover {text-decoration: underline;}
.mzp .mzp-liste {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}
.mzp .mzp-k {display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; text-decoration: none; color: inherit; border: 1px solid #eef1f5; border-radius: 12px; padding: 10px;}
.mzp .mzp-k:hover {border-color: var(--mz-brand, #3f475f);}
.mzp .mzp-k:focus-visible {outline: 2px solid var(--mz-brand, #3f475f); outline-offset: 2px;}
.mzp .mzp-g {display: grid; min-width: 0;}
.mzp .mzp-k b {display: block; font-size: 14.5px; font-weight: 700; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mzp .mzp-k small {display: block; font-size: 12.5px; color: var(--mzp-soluk); line-height: 1.5;}
.mzp-ik {inline-size: 52px; block-size: 52px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--mz-vurgu, #efc307) 16%, #fff); color: var(--mz-brand, #3f475f); overflow: hidden; flex: none;}
.mzp-ik img {inline-size: 100%; block-size: 100%; object-fit: cover; display: block;}
.mzp-acik {color: #0f8a4b; font-weight: 700;}
.mzp-kapali {color: #b42318; font-weight: 700;}

/* 2. Satici karti (iy2) */
.mzp-satici {display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: 12px 0 0; padding: 10px 12px; border: 1px solid #e3e7ec; border-radius: 12px; text-decoration: none; color: #1b2030; background: #fafbfc;}
.mzp-satici:hover {border-color: var(--mz-brand, #3f475f); text-decoration: none; color: #1b2030;}
.mzp-satici:focus-visible {outline: 2px solid var(--mz-brand, #3f475f); outline-offset: 2px;}
.mzp-satici .mzp-ik {inline-size: 40px; block-size: 40px; border-radius: 10px;}
.mzp-satici .mzp-g {display: grid; min-width: 0;}
.mzp-satici small {display: block; font-size: 12px; color: #6b7280; line-height: 1.5;}
.mzp-satici b {display: block; font-size: 14px; color: var(--mz-link, #1f6ac4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mzp-satici i {font-style: normal; color: #9aa1ad; font-size: 18px;}

/* 3. Mekan sayfasi: sahibine davet */
.mzp-davet {border: 2px solid var(--mz-vurgu, #efc307); border-radius: 14px; padding: 16px; background: #fff; margin: 0 0 16px;}
.mzp-davet[hidden] {display: none;}
.mzp-davet h2 {font-size: 17px; font-weight: 800; margin: 0; line-height: 1.4;}
.mzp-davet p {margin: 4px 0 10px; color: #3a4350; line-height: 1.7;}
.mzp-davet ul {margin: 0 0 12px; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 13.5px; color: #3a4350;}
.mzp-davet li::before {content: "✓ "; color: #0f8a4b; font-weight: 700;}
.mzp-davet-e {display: flex; flex-wrap: wrap; gap: 8px;}
.mzp-btn {display: inline-flex; align-items: center; min-block-size: 44px; background: var(--mz-vurgu, #efc307); color: var(--mz-vurgu-yazi, #2b2000); font-weight: 800; border-radius: 10px; padding: 0 18px; text-decoration: none;}
.mzp-btn:hover {text-decoration: none; color: var(--mz-vurgu-yazi, #2b2000); filter: brightness(.96);}
.mzp-btn2 {min-block-size: 44px; border: 1px solid #d5d9e2; background: #fff; color: #1b2030; border-radius: 10px; padding: 0 14px; font: inherit; font-weight: 600; cursor: pointer;}
.mzp-btn:focus-visible, .mzp-btn2:focus-visible {outline: 2px solid var(--mz-brand, #3f475f); outline-offset: 2px;}

/* 4. «Kategori × sehir» sayfasi */
.mzp-giris {max-width: 70ch; font-size: 14px; line-height: 1.8; color: #3a4350; margin: 4px 0 12px;}
.mzp-yon {border: 1px dashed #b7c0cc; border-radius: 12px; padding: 10px 14px; background: #f8fafc; font-size: 13.5px; margin: 0 0 12px; line-height: 1.7;}
.mzp-yon small {color: #6b7280;}
.mzp-ok {color: #0f8a4b;}
.mzp-kir {color: #b42318;}
.mzp-ilanlar {border: 1px solid #e3e7ec; border-radius: 14px; padding: 12px 16px; background: #fff; font-size: 14px; margin: 16px 0 0; line-height: 1.9;}
.mzp-ilanlar a {color: var(--mz-link, #1f6ac4); text-decoration: none; font-weight: 600;}
.mzp-ilanlar a:hover {text-decoration: underline;}

/* Telefon: iki kart, tek sutun (mekan-tas 1-kategori-tel). */
@media (max-width: 991px) {
	.mzp {padding: 14px;}
	.mzp .mzp-bas h2 {font-size: 16px;}
	.mzp .mzp-liste {grid-template-columns: minmax(0, 1fr); gap: 8px;}
	.mzp .mzp-k:nth-child(n+3) {display: none;}
}
@media (prefers-reduced-motion: no-preference) {
	.mzp .mzp-k, .mzp-satici {transition: border-color .15s;}
}

/* 497: kategori kutusu her zaman: bos durum + sehir / yakinimdakiler / ekle. */
.mzp .mzp-bos {margin: 4px 0 12px; color: #3a4350; line-height: 1.8; font-size: 14px;}
.mzp .mzp-arac {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--mzp-cizgi);}
.mzp .mzp-il {display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; font-weight: 600; color: var(--mzp-soluk);}
.mzp .mzp-il select {min-height: 40px; min-width: 160px; max-width: 100%; border: 1px solid #cfd5dd; border-radius: 8px; padding: 0 10px; background: #fff; color: var(--mzp-yazi); font: inherit; font-size: 14px;}
.mzp .mzp-yakin {min-height: 40px; border: 1px solid #cfd5dd; border-radius: 8px; padding: 0 14px; background: #fff; color: var(--mzp-yazi); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer;}
.mzp .mzp-yakin:hover {border-color: var(--mz-brand, #3f475f);}
.mzp .mzp-yakin[disabled] {opacity: .6; cursor: progress;}
.mzp .mzp-ekle {margin-inline-start: auto; min-height: 40px; display: inline-flex; align-items: center; border-radius: 8px; padding: 0 16px; background: var(--mz-vurgu, #efc307); color: var(--mz-vurgu-yazi, #2b2000); font-weight: 800; font-size: 14px; text-decoration: none;}
.mzp .mzp-ekle:hover {text-decoration: none; filter: brightness(.97);}
.mzp .mzp-yakin:focus-visible, .mzp .mzp-ekle:focus-visible, .mzp .mzp-il select:focus-visible {outline: 2px solid var(--mz-brand, #3f475f); outline-offset: 2px;}
@media (max-width: 600px) {.mzp .mzp-il {flex: 1 1 100%;} .mzp .mzp-il select {flex: 1;} .mzp .mzp-yakin, .mzp .mzp-ekle {flex: 1 1 0; justify-content: center; margin-inline-start: 0;}}