/*
 * Color/typography skins for the property detail layouts and search cards.
 * Each layout/card template uses these CSS custom properties instead of
 * hardcoded colors, so switching the "Color scheme" setting re-skins every
 * layout without touching markup.
 */

.resalesfull-skin-default {
    --rf-primary: #332723;
    --rf-accent: #8a6f47;
    --rf-bg: #ffffff;
    --rf-bg-soft: #f8f9fa;
    --rf-panel: #e3d5ca;
    --rf-text: #1e1e19;
    --rf-text-muted: #666666;
    --rf-border: #eaeaeb;
    --rf-font: inherit;
}

.resalesfull-skin-ocean {
    --rf-primary: #0b3d59;
    --rf-accent: #1c7fb5;
    --rf-bg: #ffffff;
    --rf-bg-soft: #f2f7fa;
    --rf-panel: #e4f0f7;
    --rf-text: #0b1f2a;
    --rf-text-muted: #5c7c8a;
    --rf-border: #d7e6ee;
    --rf-font: inherit;
}

.resalesfull-skin-sand {
    --rf-primary: #6b4a2f;
    --rf-accent: #c98a4b;
    --rf-bg: #fffaf3;
    --rf-bg-soft: #f7efe3;
    --rf-panel: #efdfc9;
    --rf-text: #3a2c1d;
    --rf-text-muted: #8a7862;
    --rf-border: #e6d6bd;
    --rf-font: inherit;
}

.resalesfull-skin-midnight {
    --rf-primary: #f2f2f2;
    --rf-accent: #c9a24b;
    --rf-bg: #14151a;
    --rf-bg-soft: #1d1f26;
    --rf-panel: #22242c;
    --rf-text: #f2f2f2;
    --rf-text-muted: #9a9ca6;
    --rf-border: #2f313b;
    --rf-font: inherit;
}

/* Shared building blocks used by every new layout/card. */
.resalesfull-property-page {
    background: var(--rf-bg);
    color: var(--rf-text);
    font-family: var(--rf-font);
}

.resalesfull-property-page a {
    color: var(--rf-accent);
}

.resalesfull-property-page .rf-panel {
    background: var(--rf-panel);
    border-radius: 8px;
}

.resalesfull-property-page .rf-soft {
    background: var(--rf-bg-soft);
    border-radius: 8px;
}

.resalesfull-property-page .rf-price {
    color: var(--rf-primary);
    font-weight: 700;
}

.resalesfull-property-page .rf-btn {
    display: inline-block;
    background: var(--rf-primary);
    color: #fff;
    padding: 12px 22px;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.resalesfull-property-page .rf-btn:hover {
    background: var(--rf-accent);
    color: #fff;
}

.resalesfull-property-page .rf-muted {
    color: var(--rf-text-muted);
}

.resalesfull-property-page img {
    max-width: 100%;
    height: auto;
    display: block;
}

.rf-fav-toggle {
    background: rgba(255,255,255,.9) !important;
    color: var(--rf-primary, #332723) !important;
}

.rf-fav-toggle.rf-fav-active {
    background: var(--rf-accent, #8a6f47) !important;
    color: #fff !important;
}

.rf-fav-toggle-card {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 10px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    z-index: 2;
}

.rf-fav-tab-active {
    background: var(--rf-accent, #8a6f47) !important;
}