/* =========================================================
   PromaxGM V2 - Public Responsive Temel Güvenlik Katmanı
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body {
    overflow-x: clip;
}

img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
}

input,
select,
textarea,
button {
    max-width: 100%;
    font-family: inherit;
}



/* PromaxGM V2 - İlan detay sayfası minimal destek CSS'i
   Bu dosya layout/hero tasarımına müdahale etmez.
   Ana görünüm public-home.css üzerinde kalır.
*/

.pmx-detail-modal {
    display: none;
}

.pmx-detail-modal.is-open {
    display: flex;
}

.pmx-detail-copy-toast {
    position: fixed;
    left: 50%;
    bottom: 26px;
    z-index: 99999;
    transform: translate(-50%, 18px);
    opacity: 0;
    pointer-events: none;
    background: rgba(15, 23, 42, .94);
    color: #fff;
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .28);
    transition: opacity .2s ease, transform .2s ease;
}

.pmx-detail-copy-toast.is-visible {
    opacity: 1;
    transform: translate(-50%, 0);
}

/* Galeri büyük fotoğraf fit düzeltmesi
   public-home.css ana tasarımı korunur; sadece fotoğrafın çerçeveyi tam doldurması zorlanır. */
.pmx-detail-gallery-large-wrap {
    overflow: hidden;
}

.pmx-detail-gallery-large {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    padding: 0 !important;
    margin: 0;
    border: 0;
    overflow: hidden;
    line-height: 0;
    background: transparent;
}

.pmx-detail-gallery-large img,
.pmx-detail-gallery-large [data-pmx-showcase-main-image] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    object-position: center center;
    vertical-align: middle;
}

.pmx-detail-gallery-thumb {
    padding: 0 !important;
    overflow: hidden;
    line-height: 0;
}

.pmx-detail-gallery-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .pmx-detail-gallery-large,
    .pmx-detail-gallery-large img,
    .pmx-detail-gallery-large [data-pmx-showcase-main-image] {
        min-height: 320px;
    }
}
/* =========================================================
   PromaxGM V2 - İlan Detay Lightbox Center Fix
   Sadece modal içindeki büyük fotoğrafı ortalamak için.
   ========================================================= */

.pmx-lightbox,
.pmx-detail-lightbox,
.detail-lightbox,
#pmxLightbox,
#detailLightbox {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px !important;
    background: rgba(0, 0, 0, 0.88) !important;
}

.pmx-lightbox.is-active,
.pmx-detail-lightbox.is-active,
.detail-lightbox.is-active,
#pmxLightbox.is-active,
#detailLightbox.is-active {
    display: flex !important;
}

.pmx-lightbox-inner,
.pmx-detail-lightbox-inner,
.detail-lightbox-inner,
.pmx-lightbox-content,
.pmx-detail-lightbox-content,
.detail-lightbox-content {
    position: relative !important;
    width: auto !important;
    max-width: min(1180px, 94vw) !important;
    max-height: 88vh !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pmx-lightbox img,
.pmx-detail-lightbox img,
.detail-lightbox img,
#pmxLightbox img,
#detailLightbox img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 88vh !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
}

/* =========================================================
   PromaxGM V2 - Hero hizalama düzeltmesi
   Sağ fiyat kartı ile sol başlık bloğunu yükseklik olarak ortalar.
   ========================================================= */
@media (min-width: 992px) {
    .pmx-detail-ref-hero {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
        align-items: center !important;
        column-gap: clamp(36px, 6vw, 92px) !important;
    }

    .pmx-detail-ref-hero__content,
    .pmx-detail-ref-price-card {
        position: relative !important;
        z-index: 2 !important;
        align-self: center !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .pmx-detail-ref-price-card {
        justify-self: end !important;
    }
}


/* =========================================================
   PromaxGM V2 - İlan Detay SM / WhatsApp Modal Fix
   Sorun: SM Foto, SM Açıklama ve WhatsApp gönder panelleri
   CSS eksik olduğu için sayfanın altında düz metin gibi görünüyordu.
   Bu blok sadece o modal panellerini hedefler.
   ========================================================= */

.pmx-detail-action-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px !important;
    background: rgba(2, 8, 23, .74) !important;
    backdrop-filter: blur(8px);
}

.pmx-detail-action-modal.is-open {
    display: flex !important;
}

.pmx-detail-action-card {
    width: min(780px, 100%) !important;
    max-height: min(88vh, 780px) !important;
    overflow: auto !important;
    border: 1px solid rgba(214, 178, 91, .22) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, #101b2c 0%, #0b1322 100%) !important;
    color: #f8fafc !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .38) !important;
    padding: 26px !important;
}

.pmx-detail-action-head {
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
}

.pmx-detail-action-head span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #d7b86d !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.pmx-detail-action-head h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(22px, 3vw, 30px) !important;
}

.pmx-detail-action-head p,
.pmx-detail-action-help {
    color: rgba(226, 232, 240, .76) !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
    margin: 9px 0 0 !important;
}

.pmx-detail-action-close {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    font-size: 24px !important;
    cursor: pointer !important;
}

.pmx-detail-option-grid,
.pmx-detail-wa-options {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 18px 0 !important;
}

.pmx-detail-option-grid label span {
    display: block !important;
    margin-bottom: 7px !important;
    color: rgba(226, 232, 240, .82) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.pmx-detail-option-grid select,
.pmx-detail-caption-textarea,
.pmx-detail-wa-panel input,
.pmx-detail-wa-panel select {
    width: 100% !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .96) !important;
    color: #0f172a !important;
    font: inherit !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

.pmx-detail-option-grid select,
.pmx-detail-wa-panel input,
.pmx-detail-wa-panel select {
    min-height: 48px !important;
    padding: 0 14px !important;
}

.pmx-detail-caption-textarea {
    min-height: 260px !important;
    resize: vertical !important;
    padding: 15px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.pmx-detail-action-note,
.pmx-detail-wa-panel {
    margin-top: 14px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    color: rgba(248, 250, 252, .9) !important;
    font-weight: 800 !important;
}

.pmx-detail-wa-panel h4 {
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: 20px !important;
}

.pmx-detail-wa-options {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pmx-detail-wa-option {
    min-height: 54px !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #f8fafc !important;
    font-weight: 950 !important;
    padding: 12px !important;
    cursor: pointer !important;
}

.pmx-detail-wa-option.active,
.pmx-detail-wa-option:hover {
    background: linear-gradient(135deg, #16885a, #0f6b48) !important;
    border-color: rgba(42, 199, 126, .55) !important;
}

.pmx-detail-action-buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

.pmx-detail-action-buttons button {
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 0 20px !important;
    font-weight: 950 !important;
    cursor: pointer !important;
}

.pmx-detail-modal-secondary {
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
}

.pmx-detail-modal-primary {
    background: linear-gradient(135deg, #f4df9f, #c99a32) !important;
    color: #111827 !important;
}

.pmx-detail-modal-primary:disabled {
    opacity: .68 !important;
    cursor: wait !important;
}

@media (max-width: 760px) {
    .pmx-detail-action-modal {
        padding: 12px !important;
    }

    .pmx-detail-action-card {
        padding: 20px !important;
        border-radius: 22px !important;
    }

    .pmx-detail-option-grid,
    .pmx-detail-wa-options {
        grid-template-columns: 1fr !important;
    }

    .pmx-detail-action-buttons {
        flex-direction: column !important;
    }
}

/* =========================================================
   PromaxGM V2 - İlan Detay Benzer İlanlar Linki
   Breadcrumb satırının sağında yer alan arama kısayolu.
   ========================================================= */
.pmx-detail-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.pmx-detail-topline .pmx-detail-breadcrumb {
    margin-bottom: 0;
}

.pmx-detail-similar-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    min-height: 58px;
    padding: 10px 24px 10px 58px;
    border: 1px solid rgba(241, 213, 139, .52);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(241, 213, 139, .24), rgba(215, 181, 109, .10));
    color: #ffe39a;
    font-weight: 950;
    letter-spacing: .02em;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.10);
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.pmx-detail-similar-link::before {
    content: "↗";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #f1d58b, #d7b56d);
    color: #20170a;
    font-size: 16px;
    font-weight: 950;
}

.pmx-detail-similar-link span {
    display: block;
    color: inherit;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.15;
}

.pmx-detail-similar-link strong {
    display: block;
    color: rgba(255,255,255,.76);
    font-size: 11px;
    font-weight: 850;
    line-height: 1.15;
}

.pmx-detail-similar-link:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, rgba(241, 213, 139, .34), rgba(215, 181, 109, .16));
    border-color: rgba(247, 215, 123, .78);
    color: #fff0b5;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .28), 0 0 0 4px rgba(241,213,139,.08);
}

@media (max-width: 768px) {
    .pmx-detail-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .pmx-detail-similar-link {
        width: 100%;
        white-space: normal;
        text-align: center;
        align-items: center;
    }

    .pmx-detail-similar-link span,
    .pmx-detail-similar-link strong {
        text-align: center;
    }
}


/* =========================================================
   PromaxGM V2 - İlan Detay PNG Sosyal Paylaşım İkonları
   assets/img/sm_icons içindeki PNG ikonları kullanır.
   ========================================================= */

.pmx-detail-social-share--png {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 14px !important;
}

.pmx-detail-social-png-link,
button.pmx-detail-social-png-link {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .22) !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.pmx-detail-social-png-link img {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.pmx-detail-social-png-link:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.08) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .30) !important;
}

/* Kart içindeki eski link genişletme kurallarının bu ikonları bozmasını engeller */
.pmx-detail-share-card .pmx-detail-social-png-link {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Mobilde düzgün dizilim */
@media (max-width: 520px) {
    .pmx-detail-social-share--png {
        display: grid !important;
        grid-template-columns: repeat(3, 58px) !important;
        justify-content: start !important;
    }
}
/* =========================================================
   PromaxGM V2 - Lightbox Modal Kesin Ortalama Düzeltmesi
   Fotoğraf büyütme modalını ekranın tam ortasına alır.
   Mevcut galeri, SM modal ve diğer popup yapılarına dokunmaz.
   ========================================================= */

.pmx-detail-modal[data-pmx-detail-modal] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 24px !important;
    background: rgba(0, 0, 0, .88) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.pmx-detail-modal[data-pmx-detail-modal].is-open {
    display: flex !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__inner {
    position: relative !important;
    width: min(1180px, calc(100vw - 48px)) !important;
    height: min(82vh, 760px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.pmx-detail-modal[data-pmx-detail-modal] img[data-pmx-modal-image] {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .58) !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__close {
    top: -18px !important;
    right: -18px !important;
    z-index: 3 !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__prev,
.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__next {
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__prev {
    left: -26px !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__next {
    right: -26px !important;
}

.pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__count {
    left: 50% !important;
    bottom: -20px !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;
}

@media (max-width: 768px) {
    .pmx-detail-modal[data-pmx-detail-modal] {
        padding: 14px !important;
    }

    .pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__inner {
        width: calc(100vw - 28px) !important;
        height: 78vh !important;
    }

    .pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__close {
        top: 8px !important;
        right: 8px !important;
    }

    .pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__prev {
        left: 8px !important;
    }

    .pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__next {
        right: 8px !important;
    }

    .pmx-detail-modal[data-pmx-detail-modal] .pmx-detail-modal__count {
        bottom: 10px !important;
    }
}


/* =========================================================
   PromaxGM V2 - Coastal Detail Clean Inverse 06
   Dark detay tasarımına dokunmaz. Coastal açık/zıt renk karşılığıdır.
   ========================================================= */

body.pmx-theme-coastal-marmaris.pmx-listing-detail-page,
body.pmx-theme-coastal-marmaris .pmx-detail-main,
body.pmx-theme-coastal-marmaris .pmx-detail-main--reference,
body.pmx-theme-coastal-marmaris .pmx-detail-reference {
    background: #f2f6fa !important;
    color: #001527 !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-content-card,
body.pmx-theme-coastal-marmaris .pmx-detail-content-card--reference,
body.pmx-theme-coastal-marmaris .pmx-detail-gallery-block--reference,
body.pmx-theme-coastal-marmaris .pmx-detail-advisor-panel,
body.pmx-theme-coastal-marmaris .pmx-detail-side-soft-card,
body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-card {
    background: #ffffff !important;
    color: #001527 !important;
    border-color: rgba(30,81,141,.14) !important;
    box-shadow: 0 18px 46px rgba(30,81,141,.08) !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-content-card *,
body.pmx-theme-coastal-marmaris .pmx-detail-content-card--reference *,
body.pmx-theme-coastal-marmaris .pmx-detail-advisor-panel *,
body.pmx-theme-coastal-marmaris .pmx-detail-side-soft-card *,
body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-card * {
    color: #001527 !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-block h2,
body.pmx-theme-coastal-marmaris .pmx-detail-content-card--reference h2,
body.pmx-theme-coastal-marmaris .pmx-detail-advisor-panel h3,
body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-head h2 {
    color: #001527 !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-block .pmx-eyebrow,
body.pmx-theme-coastal-marmaris .pmx-detail-gallery-count,
body.pmx-theme-coastal-marmaris .pmx-detail-gallery-block__top span,
body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-head span {
    color: #1e518d !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-general-info__item,
body.pmx-theme-coastal-marmaris .pmx-detail-fact,
body.pmx-theme-coastal-marmaris .pmx-detail-chips span {
    background: rgba(30,81,141,.055) !important;
    color: #001527 !important;
    border-color: rgba(30,81,141,.14) !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-description,
body.pmx-theme-coastal-marmaris .pmx-detail-description p,
body.pmx-theme-coastal-marmaris .pmx-detail-description div,
body.pmx-theme-coastal-marmaris .pmx-detail-description span,
body.pmx-theme-coastal-marmaris .pmx-detail-description li {
    color: #001527 !important;
}

/* Açık zeminde kullanıcı tarafından beyaz verilmiş açıklama varsa okunur yap */
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color: #fff"],
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color:#fff"],
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color: white"],
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color:white"],
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color: rgb(255"],
body.pmx-theme-coastal-marmaris .pmx-detail-description [style*="color:rgba(255"] {
    color: #001527 !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-reference a:not(.pmx-btn):not(.pmx-detail-panel-btn):not(.pmx-detail-action-btn):not(.pmx-detail-listing-social-btn):not(.pmx-detail-social-png-link),
body.pmx-theme-coastal-marmaris .pmx-detail-main a:not(.pmx-btn):not(.pmx-detail-panel-btn):not(.pmx-detail-action-btn):not(.pmx-detail-listing-social-btn):not(.pmx-detail-social-png-link) {
    color: #1e518d !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-similar-link {
    color: #1e518d !important;
    background: rgba(30,81,141,.065) !important;
    border-color: rgba(30,81,141,.20) !important;
    box-shadow: none !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-panel-btn,
body.pmx-theme-coastal-marmaris button.pmx-detail-panel-btn,
body.pmx-theme-coastal-marmaris .pmx-detail-action-btn,
body.pmx-theme-coastal-marmaris button.pmx-detail-action-btn {
    border-color: rgba(30,81,141,.18) !important;
}

body.pmx-theme-coastal-marmaris .pmx-btn--gold,
body.pmx-theme-coastal-marmaris .pmx-detail-panel-btn.pmx-btn--gold {
    background: #1e518d !important;
    color: #ffffff !important;
}


/* =========================================================
   PromaxGM V2 - İlan Detay Sosyal Medya Link Alanı Fix
   Kapsam: İlan detay sayfasındaki ilan sosyal medya bağlantıları.
   Amaç: Büyük gelen sosyal medya ikonunu 42px'e sabitlemek ve link yazısını beyaz yapmak.
   ========================================================= */

.pmx-detail-listing-social-card {
    margin: 22px 0 28px !important;
}

.pmx-detail-listing-social-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

.pmx-detail-listing-social-btn,
a.pmx-detail-listing-social-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 48px !important;
    padding: 6px 12px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.055) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.pmx-detail-listing-social-btn:hover,
a.pmx-detail-listing-social-btn:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(247,215,123,.30) !important;
    transform: translateY(-1px) !important;
}

.pmx-detail-listing-social-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    line-height: 0 !important;
    flex: 0 0 42px !important;
}

.pmx-detail-listing-social-icon img {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
}

.pmx-detail-listing-social-text {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-btn,
body.pmx-theme-coastal-marmaris a.pmx-detail-listing-social-btn {
    color: #1e518d !important;
    background: rgba(30,81,141,.065) !important;
    border-color: rgba(30,81,141,.16) !important;
}

body.pmx-theme-coastal-marmaris .pmx-detail-listing-social-text {
    color: #1e518d !important;
}

/* =========================================================
   PromaxGM V2 - İlan Detay Mobil Taşma Güvenlik Katmanı
   Kapsam: Sadece mobilde detay sayfasındaki galeri, sosyal medya,
   genel bilgi ve içerik kartlarının sağa taşmasını engeller.
   Desktop Dark Luxury görünümüne dokunmaz.
   ========================================================= */

@media (max-width: 768px) {
    html,
    body,
    body.pmx-listing-detail-page,
    body.pmx-listing-detail-page .pmx-detail-main,
    body.pmx-listing-detail-page .pmx-detail-main--reference {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    body.pmx-listing-detail-page .pmx-container,
    .pmx-detail-reference,
    .pmx-detail-ref-body,
    .pmx-detail-ref-content,
    .pmx-detail-ref-sidebar,
    .pmx-detail-gallery-block--reference,
    .pmx-detail-content-card--reference,
    .pmx-detail-content-card,
    .pmx-detail-listing-social-card,
    .pmx-detail-side-soft-card,
    .pmx-detail-advisor-panel,
    .pmx-detail-general-info,
    .pmx-detail-lower {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.pmx-listing-detail-page .pmx-container {
        width: min(100% - 24px, 1220px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pmx-detail-reference {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pmx-detail-ref-body,
    .pmx-detail-ref-sidebar,
    .pmx-detail-lower,
    .pmx-detail-general-info,
    .pmx-detail-general-info--compact {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .pmx-detail-gallery-block--reference,
    .pmx-detail-content-card--reference,
    .pmx-detail-content-card,
    .pmx-detail-listing-social-card,
    .pmx-detail-side-soft-card,
    .pmx-detail-advisor-panel {
        padding-left: 14px !important;
        padding-right: 14px !important;
        border-radius: 20px !important;
    }

    .pmx-detail-gallery-large-wrap,
    .pmx-detail-gallery-large,
    .pmx-detail-gallery-large img,
    .pmx-detail-gallery-large [data-pmx-showcase-main-image] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .pmx-detail-gallery-block--reference .pmx-detail-gallery-large,
    .pmx-detail-gallery-block--reference .pmx-detail-gallery-large img,
    .pmx-detail-gallery-large,
    .pmx-detail-gallery-large img,
    .pmx-detail-gallery-large [data-pmx-showcase-main-image] {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
    }

    .pmx-detail-gallery-large img,
    .pmx-detail-gallery-large [data-pmx-showcase-main-image] {
        display: block !important;
        height: 100% !important;
    }

    .pmx-detail-gallery-thumbs,
    .pmx-detail-gallery-block--reference .pmx-detail-gallery-thumbs {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 2px 2px !important;
        scrollbar-width: thin !important;
    }

    .pmx-detail-gallery-thumb,
    .pmx-detail-gallery-block--reference .pmx-detail-gallery-thumb {
        flex: 0 0 112px !important;
        width: 112px !important;
        max-width: 112px !important;
        height: 72px !important;
    }

    .pmx-detail-listing-social-head h2,
    .pmx-detail-content-card--reference h2,
    .pmx-detail-content-card h2,
    .pmx-detail-block h2 {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.16 !important;
    }

    .pmx-detail-listing-social-buttons {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .pmx-detail-listing-social-btn,
    a.pmx-detail-listing-social-btn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    .pmx-detail-listing-social-text {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .pmx-detail-general-info__item,
    .pmx-detail-description,
    .pmx-detail-description * {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .pmx-mobile-whatsapp {
        left: 16px !important;
        right: 16px !important;
        max-width: calc(100% - 32px) !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   PromaxGM V2 - Light Theme İlan Detay Renk Override 01
   Mantık: Dark Luxury detay layout'u aynen kalır.
   Header/footer etkilenmez. Sadece ilan detay <main> içeriği light renklenir.
   Body beklenen class: pmx-theme-dark-luxury pmx-theme-light-theme
   ========================================================= */

body.pmx-theme-light-theme.pmx-listing-detail-page,
body.pmx-theme-light-theme .pmx-detail-main,
body.pmx-theme-light-theme .pmx-detail-main--reference,
body.pmx-theme-light-theme .pmx-detail-reference,
body.pmx-theme-light-theme main.pmx-detail-main,
body.pmx-theme-light-theme main.pmx-detail-main--reference {
    background: #f4f4f4 !important;
    color: #1d1b47 !important;
}

/* Detay ana kartları */
body.pmx-theme-light-theme .pmx-detail-content-card,
body.pmx-theme-light-theme .pmx-detail-content-card--reference,
body.pmx-theme-light-theme .pmx-detail-gallery-block--reference,
body.pmx-theme-light-theme .pmx-detail-advisor-panel,
body.pmx-theme-light-theme .pmx-detail-side-soft-card,
body.pmx-theme-light-theme .pmx-detail-listing-social-card,
body.pmx-theme-light-theme .pmx-detail-gallery,
body.pmx-theme-light-theme .pmx-detail-hero-card,
body.pmx-theme-light-theme .pmx-detail-contact-card {
    background: #ffffff !important;
    color: #1d1b47 !important;
    border-color: rgba(14, 49, 118, .14) !important;
    box-shadow: 0 18px 46px rgba(14, 49, 118, .08) !important;
}

/* Başlık ve ana metinler */
body.pmx-theme-light-theme .pmx-detail-main h1,
body.pmx-theme-light-theme .pmx-detail-main h2,
body.pmx-theme-light-theme .pmx-detail-main h3,
body.pmx-theme-light-theme .pmx-detail-main h4,
body.pmx-theme-light-theme .pmx-detail-block h2,
body.pmx-theme-light-theme .pmx-detail-content-card--reference h2,
body.pmx-theme-light-theme .pmx-detail-advisor-panel h3,
body.pmx-theme-light-theme .pmx-detail-listing-social-head h2,
body.pmx-theme-light-theme .pmx-detail-side-soft-card h3,
body.pmx-theme-light-theme .pmx-detail-ref-price-card > strong,
body.pmx-theme-light-theme .pmx-detail-price,
body.pmx-theme-light-theme .pmx-detail-price-card strong {
    color: #0e3176 !important;
}

body.pmx-theme-light-theme .pmx-detail-main p,
body.pmx-theme-light-theme .pmx-detail-main li,
body.pmx-theme-light-theme .pmx-detail-description,
body.pmx-theme-light-theme .pmx-detail-description p,
body.pmx-theme-light-theme .pmx-detail-description div,
body.pmx-theme-light-theme .pmx-detail-description span,
body.pmx-theme-light-theme .pmx-detail-description li,
body.pmx-theme-light-theme .pmx-detail-location,
body.pmx-theme-light-theme .pmx-detail-card-note,
body.pmx-theme-light-theme .pmx-detail-side-soft-card p,
body.pmx-theme-light-theme .pmx-detail-advisor-panel p,
body.pmx-theme-light-theme .pmx-detail-ref-price-card p,
body.pmx-theme-light-theme .pmx-detail-ref-price-card em {
    color: #1d1b47 !important;
}

/* Açık zeminde eski beyaz inline açıklama renklerini okunur yap */
body.pmx-theme-light-theme .pmx-detail-description [style*="color: #fff"],
body.pmx-theme-light-theme .pmx-detail-description [style*="color:#fff"],
body.pmx-theme-light-theme .pmx-detail-description [style*="color: white"],
body.pmx-theme-light-theme .pmx-detail-description [style*="color:white"],
body.pmx-theme-light-theme .pmx-detail-description [style*="color: rgb(255"],
body.pmx-theme-light-theme .pmx-detail-description [style*="color:rgba(255"] {
    color: #1d1b47 !important;
}

/* Vurgu/gold alanlar light temada lacivert */
body.pmx-theme-light-theme .pmx-detail-block .pmx-eyebrow,
body.pmx-theme-light-theme .pmx-detail-gallery-count,
body.pmx-theme-light-theme .pmx-detail-gallery-block__top span,
body.pmx-theme-light-theme .pmx-detail-listing-social-head span,
body.pmx-theme-light-theme .pmx-detail-breadcrumb strong,
body.pmx-theme-light-theme .pmx-detail-breadcrumb a:hover,
body.pmx-theme-light-theme .pmx-detail-ref-hero__location,
body.pmx-theme-light-theme .pmx-detail-showcase-location,
body.pmx-theme-light-theme .pmx-detail-ref-price-card b,
body.pmx-theme-light-theme .pmx-detail-advisor-panel__head a,
body.pmx-theme-light-theme .pmx-detail-similar-link,
body.pmx-theme-light-theme .pmx-detail-main a:not(.pmx-btn):not(.pmx-detail-panel-btn):not(.pmx-detail-action-btn):not(.pmx-detail-listing-social-btn):not(.pmx-detail-social-png-link) {
    color: #0e3176 !important;
}

/* Genel bilgi kutuları / chipler */
body.pmx-theme-light-theme .pmx-detail-general-info__item,
body.pmx-theme-light-theme .pmx-detail-fact,
body.pmx-theme-light-theme .pmx-detail-chips span,
body.pmx-theme-light-theme .pmx-detail-mini-meta span,
body.pmx-theme-light-theme .pmx-detail-showcase-badges span,
body.pmx-theme-light-theme .pmx-detail-showcase-meta span,
body.pmx-theme-light-theme .pmx-detail-price-card__row span {
    background: rgba(14, 49, 118, .055) !important;
    color: #1d1b47 !important;
    border-color: rgba(14, 49, 118, .14) !important;
}

body.pmx-theme-light-theme .pmx-detail-general-info__item span,
body.pmx-theme-light-theme .pmx-detail-fact span,
body.pmx-theme-light-theme .pmx-detail-price-card span,
body.pmx-theme-light-theme .pmx-detail-ref-price-card > span,
body.pmx-theme-light-theme .pmx-detail-breadcrumb,
body.pmx-theme-light-theme .pmx-detail-breadcrumb a,
body.pmx-theme-light-theme .pmx-detail-breadcrumb span {
    color: rgba(29, 27, 71, .68) !important;
}

body.pmx-theme-light-theme .pmx-detail-general-info__item strong,
body.pmx-theme-light-theme .pmx-detail-fact strong,
body.pmx-theme-light-theme .pmx-detail-location-box strong,
body.pmx-theme-light-theme .pmx-detail-advisor-panel strong {
    color: #0e3176 !important;
}

/* Hero içindeki sağ fiyat kartı açık tema */
body.pmx-theme-light-theme .pmx-detail-ref-price-card,
body.pmx-theme-light-theme .pmx-detail-price-card {
    background: rgba(255, 255, 255, .94) !important;
    color: #1d1b47 !important;
    border: 1px solid rgba(14, 49, 118, .14) !important;
    box-shadow: 0 20px 60px rgba(14, 49, 118, .14) !important;
}

body.pmx-theme-light-theme .pmx-detail-ref-price-card__lines,
body.pmx-theme-light-theme .pmx-detail-ref-price-card__lines div,
body.pmx-theme-light-theme .pmx-detail-price-card__line {
    border-color: rgba(14, 49, 118, .12) !important;
}

/* Hero görsel overlay: layout aynı, filtre açık temaya uygun */
body.pmx-theme-light-theme .pmx-detail-ref-hero__shade {
    background: linear-gradient(90deg,
        rgba(244, 244, 244, .88) 0%,
        rgba(244, 244, 244, .70) 46%,
        rgba(244, 244, 244, .28) 100%) !important;
}

body.pmx-theme-light-theme .pmx-detail-ref-hero h1,
body.pmx-theme-light-theme .pmx-detail-showcase-card h1 {
    color: #0e3176 !important;
    text-shadow: none !important;
}

body.pmx-theme-light-theme .pmx-detail-ref-hero__badges span,
body.pmx-theme-light-theme .pmx-detail-ref-hero__chips span {
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(14, 49, 118, .14) !important;
    color: #1d1b47 !important;
    backdrop-filter: blur(10px) !important;
}

/* Galeri zeminleri */
body.pmx-theme-light-theme .pmx-detail-gallery-large,
body.pmx-theme-light-theme .pmx-detail-gallery-large-wrap,
body.pmx-theme-light-theme .pmx-detail-gallery-block--reference .pmx-detail-gallery-large,
body.pmx-theme-light-theme .pmx-detail-gallery-thumbs,
body.pmx-theme-light-theme .pmx-detail-gallery-block--reference .pmx-detail-gallery-thumbs,
body.pmx-theme-light-theme .pmx-detail-thumb,
body.pmx-theme-light-theme .pmx-detail-gallery-thumb {
    background: #eef2f7 !important;
    border-color: rgba(14, 49, 118, .12) !important;
}

body.pmx-theme-light-theme .pmx-detail-gallery-thumb.is-active,
body.pmx-theme-light-theme .pmx-detail-thumb.is-active {
    border-color: #0e3176 !important;
}

/* Danışman kartı */
body.pmx-theme-light-theme .pmx-detail-advisor-panel__head {
    background: transparent !important;
    color: #1d1b47 !important;
}

body.pmx-theme-light-theme .pmx-detail-advisor-panel__avatar {
    background: rgba(14, 49, 118, .06) !important;
    border-color: rgba(14, 49, 118, .16) !important;
}

body.pmx-theme-light-theme .pmx-detail-advisor-panel__avatar span {
    color: #0e3176 !important;
}

/* Butonlar */
body.pmx-theme-light-theme .pmx-btn--gold,
body.pmx-theme-light-theme .pmx-detail-panel-btn.pmx-btn--gold,
body.pmx-theme-light-theme .pmx-detail-modal-primary {
    background: #0e3176 !important;
    color: #ffffff !important;
    border-color: #0e3176 !important;
}

body.pmx-theme-light-theme .pmx-btn--light,
body.pmx-theme-light-theme .pmx-btn--ghost,
body.pmx-theme-light-theme .pmx-btn--dark,
body.pmx-theme-light-theme .pmx-detail-panel-btn.pmx-btn--dark,
body.pmx-theme-light-theme .pmx-detail-similar-link {
    background: #ffffff !important;
    color: #0e3176 !important;
    border-color: rgba(14, 49, 118, .18) !important;
    box-shadow: none !important;
}

body.pmx-theme-light-theme .pmx-btn--danger-soft {
    background: rgba(217, 20, 62, .08) !important;
    color: #d9143e !important;
    border-color: rgba(217, 20, 62, .22) !important;
}

body.pmx-theme-light-theme .pmx-detail-similar-link {
    background: linear-gradient(135deg, #0e3176, #174997) !important;
    color: #ffffff !important;
    border-color: rgba(14, 49, 118, .22) !important;
    box-shadow: 0 16px 38px rgba(14,49,118,.20) !important;
}

body.pmx-theme-light-theme .pmx-detail-similar-link::before {
    background: #ffffff !important;
    color: #0e3176 !important;
}

body.pmx-theme-light-theme .pmx-detail-similar-link strong {
    color: rgba(255,255,255,.78) !important;
}

body.pmx-theme-light-theme .pmx-btn--soft-wa {
    background: rgba(27, 148, 73, .10) !important;
    color: #168043 !important;
    border-color: rgba(27, 148, 73, .22) !important;
}

/* Sosyal medya bağlantı kartı */
body.pmx-theme-light-theme .pmx-detail-listing-social-btn,
body.pmx-theme-light-theme a.pmx-detail-listing-social-btn {
    color: #0e3176 !important;
    background: rgba(14, 49, 118, .055) !important;
    border-color: rgba(14, 49, 118, .16) !important;
}

body.pmx-theme-light-theme .pmx-detail-listing-social-text {
    color: #0e3176 !important;
}

/* SM / WhatsApp action modalları dark kalsın; modal okunurluğu bozulmasın */
body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-action-card {
    background: linear-gradient(145deg, #101b2c 0%, #0b1322 100%) !important;
    color: #f8fafc !important;
    border-color: rgba(214, 178, 91, .22) !important;
}

body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-action-head h3,
body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-action-head span,
body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-action-help,
body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-wa-panel,
body.pmx-theme-light-theme .pmx-detail-action-modal .pmx-detail-wa-panel h4 {
    color: #ffffff !important;
}
/* =========================================================
   PromaxGM V2 - Light Theme İlan Detay Sosyal Medya Kartı Fix
   Kapsam: Sadece ilan detay sayfasındaki "Bu portföyü sosyal medyada inceleyin" alanı.
   Header, footer, galeri, genel bilgi kartları ve Dark tema etkilenmez.
   ========================================================= */

body.pmx-theme-dark-luxury.pmx-theme-light-theme.pmx-listing-detail-page .pmx-detail-listing-social-card,
body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-card {
    background: #ffffff !important;
    color: #1d1b47 !important;
    border: 1px solid rgba(14, 49, 118, .14) !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 46px rgba(14, 49, 118, .08) !important;
    padding: 28px !important;
    overflow: hidden !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-head span {
    color: #0e3176 !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-head h2 {
    color: #0e3176 !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin-top: 22px !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-btn,
body.pmx-theme-dark-luxury.pmx-theme-light-theme a.pmx-detail-listing-social-btn {
    background: #f7f9fc !important;
    color: #0e3176 !important;
    border: 1px solid rgba(14, 49, 118, .16) !important;
    box-shadow: none !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-btn:hover,
body.pmx-theme-dark-luxury.pmx-theme-light-theme a.pmx-detail-listing-social-btn:hover {
    background: #eef3fb !important;
    color: #0e3176 !important;
    border-color: rgba(14, 49, 118, .28) !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-text {
    color: #0e3176 !important;
}

body.pmx-theme-dark-luxury.pmx-theme-light-theme .pmx-detail-listing-social-icon {
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(14, 49, 118, .10) !important;
}