/*
 * Eview Listivo Properties Page Enhancer
 * Automatically active only on Listivo listing/search result pages.
 */

:root {
    --eview-purple: #554A83;
    --eview-purple-dark: #24185f;
    --eview-gold: #D99418;
    --eview-ink: #17152f;
    --eview-muted: #6f6b7e;
    --eview-line: rgba(36, 24, 95, .09);
    --eview-bg: #f7f8fb;
}

/* =========================================================
   PAGE BACKGROUND
   ========================================================= */

body.eview-properties-page,
html.eview-properties-page-active body {
    background:
        radial-gradient(circle at 90% 0%, rgba(85,74,131,.055), transparent 28%),
        #f7f8fb !important;
    font-family: "Almarai", Arial, sans-serif !important;
}

/* Make the main content feel like a dedicated real-estate marketplace */
body.eview-properties-page .site-main,
body.eview-properties-page main,
body.eview-properties-page .elementor-location-archive,
body.eview-properties-page .elementor-location-single {
    font-family: "Almarai", Arial, sans-serif !important;
}

/* =========================================================
   LISTIVO SEARCH / RESULTS AREA
   Broad selectors are intentionally non-destructive.
   ========================================================= */

body.eview-properties-page .listivo-search-results,
body.eview-properties-page .listivo-search-results-v2,
body.eview-properties-page .listivo-search-results-v3,
body.eview-properties-page [class*="listivo-search-results"] {
    font-family: "Almarai", Arial, sans-serif !important;
}

/* Results heading / count */
body.eview-properties-page [class*="listivo-search-results"] h1,
body.eview-properties-page [class*="listivo-search-results"] h2,
body.eview-properties-page [class*="listivo-search-results"] h3 {
    color: var(--eview-ink) !important;
    font-weight: 700 !important;
    letter-spacing: -.2px;
}

/* =========================================================
   FILTER / SEARCH PANEL
   ========================================================= */

body.eview-properties-page [class*="listivo-search-form"],
body.eview-properties-page [class*="listivo-search-results"] [class*="filter"],
body.eview-properties-page [class*="listivo-search-results"] [class*="sort"] {
    border-radius: 14px !important;
}

body.eview-properties-page [class*="listivo-search-form"] input,
body.eview-properties-page [class*="listivo-search-form"] select,
body.eview-properties-page [class*="listivo-search-form"] button {
    font-family: "Almarai", Arial, sans-serif !important;
}

/* =========================================================
   LISTING GRID
   ========================================================= */

body.eview-properties-page .listivo-listing-card-v4,
body.eview-properties-page .listivo-listing-card-v3,
body.eview-properties-page .listivo-listing-card-v2,
body.eview-properties-page .listivo-listing-card {
    font-family: "Almarai", Arial, sans-serif !important;
    background: #fff !important;
    border: 1px solid var(--eview-line) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 7px 25px rgba(28, 20, 73, .055) !important;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}

body.eview-properties-page .listivo-listing-card-v4:hover,
body.eview-properties-page .listivo-listing-card-v3:hover,
body.eview-properties-page .listivo-listing-card-v2:hover,
body.eview-properties-page .listivo-listing-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(85,74,131,.18) !important;
    box-shadow: 0 16px 38px rgba(28, 20, 73, .11) !important;
}

/* =========================================================
   CARD IMAGE
   ========================================================= */

body.eview-properties-page .listivo-listing-card-v4__image,
body.eview-properties-page .listivo-listing-card__image {
    overflow: hidden !important;
    background: #eee !important;
}

body.eview-properties-page .listivo-listing-card-v4__image img,
body.eview-properties-page .listivo-listing-card__image img {
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
    transition: transform .45s ease !important;
}

body.eview-properties-page .listivo-listing-card-v4:hover .listivo-listing-card-v4__image img,
body.eview-properties-page .listivo-listing-card:hover .listivo-listing-card__image img {
    transform: scale(1.025) !important;
}

/* =========================================================
   CARD TYPOGRAPHY
   ========================================================= */

body.eview-properties-page .listivo-listing-card-v4__content,
body.eview-properties-page .listivo-listing-card__content {
    font-family: "Almarai", Arial, sans-serif !important;
}

body.eview-properties-page .listivo-listing-card-v4__name,
body.eview-properties-page .listivo-listing-card-v4__title,
body.eview-properties-page .listivo-listing-card__name,
body.eview-properties-page .listivo-listing-card__title {
    color: var(--eview-ink) !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
}

body.eview-properties-page .listivo-listing-card-v4__value,
body.eview-properties-page .listivo-listing-card-value-selector,
body.eview-properties-page .listivo-listing-card-v4__price,
body.eview-properties-page .listivo-listing-card__price {
    color: var(--eview-gold) !important;
    font-weight: 700 !important;
}

body.eview-properties-page .listivo-listing-card-v4__location,
body.eview-properties-page .listivo-listing-card__location {
    color: var(--eview-muted) !important;
}

/* =========================================================
   CARD ATTRIBUTES
   ========================================================= */

body.eview-properties-page .listivo-listing-card-v4__attributes,
body.eview-properties-page .listivo-listing-card-v4__meta,
body.eview-properties-page .listivo-listing-card__attributes,
body.eview-properties-page .listivo-listing-card__meta {
    color: #39364b !important;
}

body.eview-properties-page .listivo-listing-card-v4__attribute,
body.eview-properties-page .listivo-listing-card__attribute {
    transition: background .2s ease, transform .2s ease !important;
    border-radius: 9px !important;
}

body.eview-properties-page .listivo-listing-card-v4__attribute:hover,
body.eview-properties-page .listivo-listing-card__attribute:hover {
    background: rgba(85,74,131,.05) !important;
}

/* =========================================================
   ACTIONS / FAVORITE
   ========================================================= */

body.eview-properties-page .listivo-listing-card-v4 button,
body.eview-properties-page .listivo-listing-card-v4 a,
body.eview-properties-page .listivo-listing-card button,
body.eview-properties-page .listivo-listing-card a {
    font-family: "Almarai", Arial, sans-serif !important;
}

body.eview-properties-page .listivo-listing-card-v4__favorite button,
body.eview-properties-page .listivo-listing-card__favorite button {
    border-radius: 50% !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

body.eview-properties-page .listivo-listing-card-v4__favorite button:hover,
body.eview-properties-page .listivo-listing-card__favorite button:hover {
    transform: scale(1.06) !important;
}

/* =========================================================
   PAGINATION
   ========================================================= */

body.eview-properties-page .pagination a,
body.eview-properties-page .pagination span,
body.eview-properties-page [class*="pagination"] a,
body.eview-properties-page [class*="pagination"] span {
    font-family: "Almarai", Arial, sans-serif !important;
    border-radius: 9px !important;
    transition: all .2s ease !important;
}

body.eview-properties-page .pagination .current,
body.eview-properties-page [class*="pagination"] .current {
    background: var(--eview-purple) !important;
    color: #fff !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
    body.eview-properties-page {
        background: #f7f8fb !important;
    }

    body.eview-properties-page .listivo-listing-card-v4,
    body.eview-properties-page .listivo-listing-card-v3,
    body.eview-properties-page .listivo-listing-card-v2,
    body.eview-properties-page .listivo-listing-card {
        border-radius: 13px !important;
        box-shadow: 0 5px 18px rgba(28,20,73,.06) !important;
    }

    body.eview-properties-page .listivo-listing-card-v4:hover,
    body.eview-properties-page .listivo-listing-card-v3:hover,
    body.eview-properties-page .listivo-listing-card-v2:hover,
    body.eview-properties-page .listivo-listing-card:hover {
        transform: none !important;
    }

    body.eview-properties-page .listivo-listing-card-v4__name,
    body.eview-properties-page .listivo-listing-card-v4__title,
    body.eview-properties-page .listivo-listing-card__name,
    body.eview-properties-page .listivo-listing-card__title {
        line-height: 1.8 !important;
    }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    body.eview-properties-page .listivo-listing-card-v4,
    body.eview-properties-page .listivo-listing-card,
    body.eview-properties-page .listivo-listing-card-v4__image img,
    body.eview-properties-page .listivo-listing-card__image img {
        transition: none !important;
    }
}