/**
 * Gestion propriétés — critical CSS
 * Enqueued as a real <link rel="stylesheet"> so it survives every WP content
 * filter (wpautop, KSES <style> stripping, etc.). Inline <style> in post_content
 * was being eaten somewhere in the filter chain on certain hosts/themes.
 *
 * Use !important + double-selector specificity to defeat Elementor and theme
 * stylesheets that try to reset our layout.
 */

/* ─── Caractéristiques détaillées (chips) ──────────────────────────────── */
.prop-detail .prop-features-list,
div.prop-features-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    align-items: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.prop-detail .prop-feature-tag,
span.prop-feature-tag {
    display: inline-block !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #555 !important;
    background: #f7f7f7 !important;
    padding: 0.4rem 0.85rem !important;
    border-radius: 2px !important;
    border: 1px solid #eee !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* ─── Accordion — defeat Elementor pink-on-click / focus styles ────────── */
.prop-detail .prop-accordion-toggle,
button.prop-accordion-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem 1.25rem !important;
    cursor: pointer !important;
    background: #fafafa !important;
    transition: background 0.2s ease !important;
    width: 100% !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif !important;
    text-align: left !important;
    box-shadow: none !important;
    outline: none !important;
    color: inherit !important;
}

.prop-detail .prop-accordion-toggle:hover,
button.prop-accordion-toggle:hover {
    background: #FAF8F1 !important;
}

.prop-detail .prop-accordion-toggle:focus,
.prop-detail .prop-accordion-toggle:focus-visible,
.prop-detail .prop-accordion-toggle:active,
button.prop-accordion-toggle:focus,
button.prop-accordion-toggle:active {
    background: #fafafa !important;
    box-shadow: none !important;
    outline: none !important;
    color: inherit !important;
}

.prop-detail .prop-accordion.open .prop-accordion-toggle {
    background: #FAF8F1 !important;
}

/* ─── Inclusions / Exclusions bullets ──────────────────────────────────── */
.prop-detail .prop-incl-ul,
ul.prop-incl-ul {
    margin: 0 !important;
    padding: 0 0 0 1.1rem !important;
    list-style: disc !important;
}

.prop-detail .prop-incl-ul li,
ul.prop-incl-ul li {
    margin-bottom: 0.3rem !important;
    list-style: disc !important;
    display: list-item !important;
}

/* ─── Belt-and-braces: ensure inline-block elements aren't reset to block ── */
.prop-detail .prop-feature-tag,
.prop-detail .prop-top-cta,
.prop-detail .prop-cta-btn,
.prop-detail .prop-share-btn {
    display: inline-block !important;
}

/* ─── Brokers row (Sync Broker properties) — compact, no outer box ─── */
.prop-brokers-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.5rem 2rem !important;
    padding: 1.25rem 0 !important;
    margin: 1.5rem 0 !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}
.prop-broker-mini {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 0 !important;
}
.prop-broker-mini-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    background: #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.prop-broker-mini-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.prop-broker-mini-init {
    color: #c0392b !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}
.prop-broker-mini-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.1rem !important;
    min-width: 0 !important;
}
.prop-broker-mini-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #242323 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}
a.prop-broker-mini-name:hover { color: #c0392b !important; }
.prop-broker-mini-contact {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem 0.85rem !important;
}
.prop-broker-mini-contact a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.72rem !important;
    color: #888 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
}
.prop-broker-mini-contact a:hover { color: #c0392b !important; }
.prop-broker-mini-contact svg {
    width: 11px !important;
    height: 11px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2 !important;
}