/* ============================================================
   TOPPIN DESIGN FRAMEWORK — SINGLE PROPERTY PAGE · v1.1.0
   (NEW module — FIX #5: these rules now have a proper home)
   Scoped to WPResidence Layout 4.
   ============================================================ */

.wpresidence_property_layout4 .wpestate_lay3_media_wrapper {
    border-radius: var(--tdf-radius-lg);
    overflow: hidden;
    box-shadow: var(--tdf-shadow);
    margin-bottom: var(--tdf-space-4);
}

.wpresidence_property_layout4 .wpresidence_property_page_title_area {
    margin-bottom: var(--tdf-space-3);
}

.wpresidence_property_layout4 .price_area {
    color: var(--tdf-primary);
    font-weight: 700;
    font-size: 1.75rem;
}

.wpresidence_property_layout4 .property-panel {
    background: var(--tdf-surface);
    border: 1px solid var(--tdf-border);
    border-radius: var(--tdf-radius);
    box-shadow: var(--tdf-shadow-sm);
    padding: var(--tdf-space-3);
    margin-bottom: var(--tdf-space-3);
}

.wpresidence_property_layout4 #primary_sidebar_wrapper {
    background: var(--tdf-surface);
    border: 1px solid var(--tdf-border);
    border-radius: var(--tdf-radius-lg);
    box-shadow: var(--tdf-shadow);
    padding: var(--tdf-space-2);
}

/* ============================================================
   SIDEBAR CONTACT BUTTONS — WhatsApp & Call
   ============================================================ */

.wpresidence_property_layout4 .realtor-contact-buttons {
    display: flex;
    flex-direction: column;
    gap: var(--tdf-space-1);
    margin-top: var(--tdf-space-2);
}

.wpresidence_property_layout4 .realtor-contact-buttons .wpresidence_button {
    width: 100%;
    text-align: center;
    padding: var(--tdf-space-2);
    border-radius: var(--tdf-radius);
    font-weight: 600;
    transition: all var(--tdf-transition);
}

/* WhatsApp button */
.wpresidence_property_layout4 .realtor_whatsapp {
    background-color: var(--tdf-whatsapp) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.wpresidence_property_layout4 .realtor_whatsapp:hover {
    background-color: var(--tdf-whatsapp-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: var(--tdf-shadow);
}

/* Call button */
.wpresidence_property_layout4 .realtor_call {
    background-color: var(--tdf-secondary) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.wpresidence_property_layout4 .realtor_call:hover {
    background-color: var(--tdf-secondary-dark) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: var(--tdf-shadow);
}