/* ============================================================
   PROPERTY PLATFORM — Brand Color Override (FINAL)
   Red #A52323 | Green #95CC20 | Dark #1F1A17 | Brown #2A201B | Grey #8E8B87
   ============================================================ */

:root {
    --pp-red:        #A52323;
    --pp-red-dark:   #8a1c1c;
    --pp-green:      #95CC20;
    --pp-green-dark: #7aaa18;
    --pp-dark:       #1F1A17;
    --pp-brown:      #2A201B;
    --pp-grey:       #8E8B87;
    --pp-light:      #f5f4f2;
    --crs-primary:      #A52323;
    --crs-primary-dark: #8a1c1c;
    --crs-secondary:    #1F1A17;
    --crs-text:         #1F1A17;
    --crs-muted:        #8E8B87;
    --crs-bg-light:     #f5f4f2;
    --navy-900: #1F1A17;
    --navy-800: #2A201B;
    --gold-500: #95CC20;
    --gold-400: #a8dc2a;
}

/* ================================================================
   PAGE HERO — all pages
   ================================================================ */
.pp-page-hero {
    background: linear-gradient(135deg, #1F1A17 0%, #2A201B 50%, #A52323 140%) !important;
    position: relative;
}
.pp-page-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(31,26,23,0.92) 0%, rgba(165,35,35,0.65) 100%);
    pointer-events: none;
}
.pp-page-hero .container { position: relative; z-index: 1; }
.pp-page-hero h1 span { color: #95CC20 !important; }
.pp-breadcrumb span { color: #95CC20 !important; font-weight: 600; }
.pp-page-tag { background: rgba(149,204,32,0.2) !important; color: #95CC20 !important; border: 1px solid rgba(149,204,32,0.35) !important; }

/* ================================================================
   LABELS / SECTION TAGS
   ================================================================ */
.pp-label,
.propr-section-tag,
.crs-section-tag {
    color: #A52323 !important;
    background: #fff0f0 !important;
}
.pp-heading span,
.propr-section-head h2 span,
.propr-accent { color: #A52323 !important; }
.pp-heading,
.propr-section-head h2,
.crs-section-header h2 { color: #1F1A17 !important; }

/* ================================================================
   FILTER BAR
   ================================================================ */
.pp-filter-ico,
.crs-field-icon,
.propr-field-ico { color: #A52323 !important; }
.pp-filter-input:focus,
.propr-input:focus,
.crs-select:focus { border-color: #A52323 !important; }
.pp-filter-btn,
.crs-search-btn,
.propr-search-btn {
    background: linear-gradient(135deg, #A52323, #8a1c1c) !important;
}
.pp-filter-btn:hover,
.crs-search-btn:hover,
.propr-search-btn:hover {
    box-shadow: 0 4px 16px rgba(165,35,35,0.35) !important;
}
.pp-filter-clear:hover { border-color: #A52323 !important; color: #A52323 !important; }

/* ================================================================
   RESULTS BAR
   ================================================================ */
.pp-results-count { color: #1F1A17 !important; }
.pp-results-count span { color: #A52323 !important; }
.pp-filter-tag { background: #fff0f0 !important; color: #A52323 !important; }
.pp-chip.active, .pp-chip:hover { background: #A52323 !important; border-color: #A52323 !important; color: #fff !important; }

/* ================================================================
   PROPERTY CARDS (list & grid)
   ================================================================ */
.pp-list-price,
.pp-myp-price,
.propr-card-price,
.crs-prop-price { color: #A52323 !important; }

.pp-list-title,
.pp-myp-title,
.propr-card-title,
.propr-type-name,
.crs-prop-title { color: #1F1A17 !important; }

.pp-list-loc i,
.propr-card-loc i,
.pp-myp-loc i { color: #A52323 !important; }

.pp-list-feats i,
.propr-card-feats i,
.pp-myp-feats i { color: #95CC20 !important; }

/* Sell/Rent badges */
.pp-ls-badge.sell,
.propr-badge.sell,
.crs-badge-type.sell,
.pp-myp-badge.sell { background: #A52323 !important; }

.pp-ls-badge.rent,
.propr-badge.rent,
.crs-badge-type.rent,
.pp-myp-badge.rent { background: #2A201B !important; }

/* View button */
.pp-la.view,
.propr-act.view,
.crs-action-btn.details { color: #A52323 !important; border-color: #A52323 !important; }
.pp-la.view:hover,
.propr-act.view:hover,
.crs-action-btn.details:hover { background: #A52323 !important; color: #fff !important; }

/* Card hover border */
.pp-myp-card:hover { border-color: #A52323 !important; }
.pp-offer-card:hover { border-color: #A52323 !important; }
.pp-why-row:hover { border-color: #A52323 !important; background: #fffafa !important; }
.propr-why-card:hover { border-color: #A52323 !important; }
.crs-why-card:hover { border-color: #A52323 !important; }
.crs-type-card:hover { border-color: #A52323 !important; }

/* Type icons */
.crs-type-icon,
.propr-type-ico { color: #A52323 !important; }
.crs-type-card:hover .crs-type-icon,
.propr-type-card:hover .propr-type-ico { background: #A52323 !important; color: #fff !important; }

/* Why icons */
.crs-why-icon { color: #A52323 !important; }

/* ================================================================
   STATS / NUMBERS
   ================================================================ */
.pp-mini-num { color: #1F1A17 !important; }
.pp-mini-num span { color: #A52323 !important; }
.propr-stat-num span { color: #95CC20 !important; }
.pp-myp-stat-num { color: #1F1A17 !important; }

/* ================================================================
   ABOUT / OFFER / WHY CARDS
   ================================================================ */
.pp-offer-card h5,
.pp-why-row h6,
.propr-why-card h5,
.crs-why-card h5 { color: #1F1A17 !important; }

.pp-about-badge i { color: #A52323 !important; }
.pp-about-badge { color: #1F1A17 !important; }

/* ================================================================
   CONTACT PAGE
   ================================================================ */
.pp-contact-card:hover { border-color: #A52323 !important; }
.pp-contact-card h5 { color: #1F1A17 !important; }
.pp-contact-link { color: #A52323 !important; }
.pp-contact-link:hover { color: #8a1c1c !important; }
.pp-form-input:focus { border-color: #A52323 !important; box-shadow: 0 0 0 3px rgba(165,35,35,0.1) !important; }
.pp-form-label span { color: #A52323 !important; }
.pp-submit-btn {
    background: linear-gradient(135deg, #A52323, #8a1c1c) !important;
}
.pp-submit-btn:hover { box-shadow: 0 8px 24px rgba(165,35,35,0.35) !important; }

/* ================================================================
   HOME PAGE SPECIFIC
   ================================================================ */
/* Locality chips */
.pp-loc-chip i { color: #A52323 !important; }
.pp-loc-name { color: #1F1A17 !important; }
.pp-loc-chip:hover { border-color: #A52323 !important; background: #fff5f5 !important; }
.pp-loc-chip:hover .pp-loc-name { color: #A52323 !important; }

/* Popular search tabs */
.pp-ps-tab.active, .pp-ps-tab:hover { background: #1F1A17 !important; border-color: #1F1A17 !important; color: #fff !important; }
.pp-ps-tag:hover { background: #A52323 !important; border-color: #A52323 !important; color: #fff !important; }

/* Popular search btn outline */
.propr-btn-outline {
    border-color: #A52323 !important;
    color: #A52323 !important;
}
.propr-btn-outline:hover { background: #A52323 !important; color: #fff !important; }

/* Why choose icons inline */
.propr-why-ico[style*="#e84040"] { color: #A52323 !important; }
.pp-offer-ico[style*="#e84040"] { color: #A52323 !important; }
.pp-why-ico[style*="#e84040"] { color: #A52323 !important; background: #fff0f0 !important; }
.pp-why-ico[style*="#0a73c0"] { color: #95CC20 !important; background: #f0f8e0 !important; }
.pp-why-ico[style*="#16a34a"] { color: #2A201B !important; background: #f5f4f2 !important; }

/* ================================================================
   MY PROPERTIES PAGE
   ================================================================ */
.pp-myp-add-btn {
    background: linear-gradient(135deg, #A52323, #8a1c1c) !important;
}
.pp-myp-add-btn:hover { box-shadow: 0 6px 20px rgba(165,35,35,0.35) !important; }
.pp-myp-section-ico[style*="#e84040"] { color: #A52323 !important; background: #fff0f0 !important; }
.pp-myp-section-ico[style*="#0a73c0"] { color: #95CC20 !important; background: #f0f8e0 !important; }
.pp-myp-btn.view { color: #A52323 !important; background: #fff0f0 !important; }
.pp-myp-btn.view:hover { background: #A52323 !important; color: #fff !important; }
.pp-myp-btn.del { color: #A52323 !important; background: #fff0f0 !important; }
.pp-myp-btn.del:hover { background: #A52323 !important; color: #fff !important; }

/* ================================================================
   CTA SECTIONS
   ================================================================ */
.pp-cta-box,
.propr-cta-inner,
.crs-cta-box {
    background: linear-gradient(135deg, #1F1A17 0%, #2A201B 100%) !important;
}
.pp-cta-box h3 { color: #fff !important; }
.propr-cta-text h2 span { color: #95CC20 !important; }
.pp-btn-primary,
.propr-cta-btn.primary,
.crs-btn-primary,
.propr-btn-primary {
    background: #A52323 !important;
    border-color: #A52323 !important;
}
.pp-btn-primary:hover,
.propr-cta-btn.primary:hover,
.crs-btn-primary:hover { background: #8a1c1c !important; }

.pp-btn-outline-w,
.propr-cta-btn.outline { border-color: rgba(255,255,255,0.5) !important; color: #fff !important; }

/* ================================================================
   BUTTONS GLOBAL
   ================================================================ */
.btn-primary {
    background-color: #A52323 !important;
    border-color: #A52323 !important;
}
.btn-primary:hover { background-color: #8a1c1c !important; border-color: #8a1c1c !important; }
.text-primary { color: #A52323 !important; }

.crs-btn-outline { color: #A52323 !important; border-color: #A52323 !important; }
.crs-btn-outline:hover { background: #A52323 !important; color: #fff !important; }

/* ================================================================
   EMPTY STATES
   ================================================================ */
.pp-empty-ico,
.propr-empty-ico { color: #A52323 !important; }
.pp-empty-state h4,
.propr-empty h5 { color: #1F1A17 !important; }

/* ================================================================
   LOGIN PAGE
   ================================================================ */
.ppa-wrap {
    background: linear-gradient(135deg, #1F1A17 0%, #2A201B 50%, #A52323 100%) !important;
}
.ppa-slider {
    background: linear-gradient(160deg, #1F1A17 0%, #2A201B 60%, #A52323 140%) !important;
}
@keyframes logoPulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.05); box-shadow: 0 12px 32px rgba(165,35,35,0.4); }
}
.ppa-s-brand span { color: #95CC20 !important; }
.ppa-s-badge i { color: #95CC20 !important; }
.ppa-s-toggle-btn:hover { background: #fff !important; color: #1F1A17 !important; }
.ppa-back { color: #A52323 !important; }
.ppa-title { color: #1F1A17 !important; }
.ppa-input-wrap i { color: #A52323 !important; }
.ppa-input-wrap input:focus { border-color: #A52323 !important; box-shadow: 0 0 0 3px rgba(165,35,35,0.1) !important; }
.ppa-roles input:checked + label { border-color: #A52323 !important; background: #fff0f0 !important; color: #A52323 !important; }
.ppa-roles label i { color: #A52323 !important; }
.ppa-remember input { accent-color: #A52323 !important; }
.ppa-btn { background: linear-gradient(135deg, #A52323, #8a1c1c) !important; }
.ppa-btn:hover { box-shadow: 0 8px 24px rgba(165,35,35,0.35) !important; }
.ppa-switch-btn { color: #A52323 !important; }

/* ================================================================
   NAV HEADER (existing ph- classes)
   ================================================================ */
.ph-topbar { background: linear-gradient(90deg, #2A201B 0%, #1F1A17 60%, #2A201B 100%) !important; border-bottom-color: #A52323 !important; }
.ph-rera i, .ph-assoc i { color: #95CC20 !important; }
.ph-nav { border-bottom-color: #A52323 !important; }
.ph-link:hover, .ph-link.active { color: #A52323 !important; background: #fff0f0 !important; }
.ph-logo-brand span { color: #A52323 !important; }
.ph-logo-tagline { color: #A52323 !important; }
.ph-btn-primary { background: linear-gradient(135deg,#A52323,#8a1c1c) !important; }
.ph-btn-primary:hover { box-shadow: 0 6px 20px rgba(165,35,35,0.38) !important; }
.ph-free-tag { background: #95CC20 !important; color: #1F1A17 !important; }
.ph-blink-green { animation: blinkGreen 2.4s ease-in-out infinite !important; }
.ph-blink-blue  { animation: blinkBlue  2.4s ease-in-out infinite 0.8s !important; }
.ph-blink-red   { animation: blinkRed   2.4s ease-in-out infinite 1.6s !important; }
@keyframes blinkGreen {
    0%,100% { border-color:#95CC20;color:#95CC20 !important;box-shadow:0 0 0 0 rgba(149,204,32,0); }
    50% { border-color:#95CC20;color:#1F1A17 !important;background:#95CC20;box-shadow:0 0 12px 4px rgba(149,204,32,0.45); }
}
@keyframes blinkBlue {
    0%,100% { border-color:#A52323;color:#A52323 !important;box-shadow:0 0 0 0 rgba(165,35,35,0); }
    50% { border-color:#A52323;color:#fff !important;background:#A52323;box-shadow:0 0 12px 4px rgba(165,35,35,0.45); }
}
@keyframes blinkRed {
    0%,100% { background:linear-gradient(135deg,#A52323,#8a1c1c);box-shadow:0 0 0 0 rgba(165,35,35,0); }
    50% { background:linear-gradient(135deg,#c42a2a,#A52323);box-shadow:0 0 14px 5px rgba(165,35,35,0.55); }
}
.ph-drawer-link:hover, .ph-drawer-link.active { color: #A52323 !important; background: #fff0f0 !important; }
.ph-drawer-link i { color: #95CC20 !important; }
.ph-drawer-close:hover { background: #A52323 !important; color: #fff !important; }

/* ================================================================
   FOOTER
   ================================================================ */
.pf-newsletter { background: #2A201B !important; border-top-color: #95CC20 !important; }
.pf-nl-btn { background: #95CC20 !important; color: #1F1A17 !important; }
.pf-nl-btn:hover { background: #7aaa18 !important; }
.pf-cta-strip { background: linear-gradient(135deg, #A52323 0%, #8a1c1c 100%) !important; }
.pf-cta-btn.call { color: #A52323 !important; }
.pf-footer { background: #1F1A17 !important; }
.pf-logo-brand span { color: #A52323 !important; }
.pf-logo-tagline { color: #95CC20 !important; }
.pf-col-title { border-bottom-color: #A52323 !important; }
.pf-links a i { color: #95CC20 !important; }
.pf-contact-ico { background: rgba(165,35,35,0.15) !important; color: #A52323 !important; }
.pf-bottom p span { color: #95CC20 !important; font-weight: 700; }

/* ================================================================
   FORMS — input focus global
   ================================================================ */
input:focus,
textarea:focus,
select:focus {
    border-color: #A52323 !important;
    box-shadow: 0 0 0 3px rgba(165,35,35,0.08) !important;
}

/* ================================================================
   PAGINATION
   ================================================================ */
.page-item.active .page-link { background: #A52323 !important; border-color: #A52323 !important; }
.page-link { color: #A52323 !important; }
.page-link:hover { color: #8a1c1c !important; }

/* ================================================================
   HERO SECTION (home)
   ================================================================ */
.propr-hero-overlay {
    background: linear-gradient(135deg, rgba(31,26,23,0.88) 0%, rgba(42,32,27,0.72) 100%) !important;
}
.propr-tab.active, .propr-tab:hover { background: #A52323 !important; color: #fff !important; }
.propr-stats-grid { background: rgba(31,26,23,0.85) !important; }

/* ================================================================
   SPLASH SCREEN
   ================================================================ */
.ph-splash-brand span { color: #A52323 !important; }
.ph-splash-tagline { color: #A52323 !important; }
.ph-splash-dots span:nth-child(1) { background: #A52323 !important; }
.ph-splash-dots span:nth-child(2) { background: #95CC20 !important; }
.ph-splash-dots span:nth-child(3) { background: #2A201B !important; }

/* ================================================================
   MOBILE
   ================================================================ */
@media (max-width: 768px) {
    .ph-topbar { border-bottom-color: #A52323 !important; }
}