/*
 * Prop Amora — Color Fixes v1.6
 * Fixes: blue links → gold, bg mismatch on About page, footer colors
 */

/* ════════════════════════════════════════════════
   ABOUT US — Background Consistency Fix
   The "Our Approach" dark box must match the page bg
   ════════════════════════════════════════════════ */

/* Make ALL Elementor columns/containers on dark sections transparent
   so they blend into the page background seamlessly */
.elementor-section[data-settings*='"background_background":"classic"'] .elementor-column .elementor-widget-wrap,
.e-con > .e-con-inner {
    /* Let parent bg show through */
}

/* The "Our Approach" dark column — make it a styled card instead of a floating box */
/* Target: any column with dark background inside a dark section — unify to match */
.elementor-column .elementor-element-populated[style*="background-color: rgb(26"],
.elementor-column .elementor-element-populated[style*="background-color:#1"],
.elementor-column .elementor-element-populated[style*="background-color: #1"],
.elementor-column .elementor-element-populated[style*="background-color:rgb(26"],
.elementor-column .elementor-element-populated[style*="background-color: rgb(20"],
.elementor-column .elementor-element-populated[style*="background-color:rgb(20"] {
    background-color: transparent !important;
    background: transparent !important;
}

/* Universal fix: any inner column on dark (black) background pages —
   remove mismatching dark box bg and make it a clean gold-bordered card */
.elementor-top-section .elementor-col-50 .elementor-widget-wrap,
.elementor-top-section .elementor-col-33 .elementor-widget-wrap,
.elementor-top-section .e-con {
    background: transparent !important;
}

/* Specifically for About section layout — left text box */
/* Give it a premium card look: dark transparent + gold border */
.elementor-top-section:has(h3:contains("Our Approach")) .elementor-column:first-child .elementor-widget-wrap {
    background: rgba(197,160,89,0.05) !important;
    border: 1px solid rgba(197,160,89,0.2) !important;
    border-radius: 12px !important;
    padding: 30px !important;
}

/* JS-based fallback (handled in wp_footer hook) */

/* ════════════════════════════════════════════════
   GLOBAL: Remove blue default links — use gold
   ════════════════════════════════════════════════ */
a,
a:visited {
    color: #c5a059 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}

a:hover,
a:focus {
    color: #b48e47 !important;
    text-decoration: none !important;
}

/* Elementor text/content links */
.elementor-text-editor a,
.elementor-widget-text-editor a,
.elementor-section p a,
.e-con p a {
    color: #c5a059 !important;
    text-decoration: none !important;
    border-bottom: 1px dashed rgba(197,160,89,0.4) !important;
    font-weight: 500 !important;
}

.elementor-text-editor a:hover,
.elementor-section p a:hover,
.e-con p a:hover {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,0.25) !important;
}

/* ════════════════════════════════════════════════
   FOOTER — All link colors
   ════════════════════════════════════════════════ */
.elementor-element-6e84b92 a,
.elementor-element-6e84b92 a:visited {
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: color 0.25s ease, padding-left 0.2s ease !important;
}

.elementor-element-6e84b92 a:hover {
    color: #c5a059 !important;
}

/* Footer nav list items */
.elementor-element-6e84b92 ul li {
    list-style: none !important;
    margin-bottom: 8px !important;
}

.elementor-element-6e84b92 ul li a {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 13.5px !important;
    font-family: 'Poppins', sans-serif !important;
}

.elementor-element-6e84b92 ul li a:hover {
    color: #c5a059 !important;
    padding-left: 4px !important;
}

/* ════════════════════════════════════════════════
   EXCEPTIONS — Keep these NOT gold
   ════════════════════════════════════════════════ */

/* Navbar links — keep original theme color */
.mh-navbar a,
.mh-navbar a:visited,
.mh-navbar__menu a,
header a,
header a:visited,
.mh-top-header a,
.mh-fixed-menu a {
    color: inherit !important;
    border-bottom: none !important;
}

/* Buttons — always white text */
.elementor-button,
a.elementor-button,
.wp-block-button__link,
button,
input[type="submit"],
.mh-btn,
.mh-button {
    color: #ffffff !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

/* Phone number and contact links in hero / cards */
.myhome-listing-item a,
.myhome-listing-card a {
    color: inherit !important;
    border-bottom: none !important;
}

/* ════════════════════════════════════════════════
   FOOTER REDESIGN — PROP AMORA (Premium Polish)
   ════════════════════════════════════════════════ */

/* ── Overall Footer Container ── */
.elementor-element-6e84b92 {
    background: #000000 !important;
    border-top: 3px solid #c5a059 !important;
    padding-top: 60px !important;
    padding-bottom: 0 !important;
    position: relative;
}

/* Force footer columns to be transparent so the background shows through */
.elementor-element-6e84b92 .elementor-column-wrap,
.elementor-element-6e84b92 .elementor-widget-wrap,
.elementor-element-6e84b92 .elementor-element-populated,
.elementor-element-6e84b92 .e-con,
.elementor-element-6e84b92 .e-con-inner {
    background-color: transparent !important;
    background: transparent !important;
}

/* Subtle gold shimmer line below the top border */
.elementor-element-6e84b92::before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(197,160,89,0.3), transparent);
    pointer-events: none;
}

/* ════════════════════════════════════════════════
   ABOUT US PAGE — Text & Blockquote Styling
   ════════════════════════════════════════════════ */

/* Our Approach box heading */
.elementor-widget-heading .elementor-heading-title {
    color: #ffffff !important;
}

/* Blockquote (the CEO quote) */
blockquote,
.wp-block-quote,
.elementor-blockquote {
    border-left: 4px solid #c5a059 !important;
    background: rgba(197,160,89,0.07) !important;
    padding: 18px 22px !important;
    margin: 18px 0 !important;
    border-radius: 0 6px 6px 0 !important;
}

blockquote p,
.wp-block-quote p,
.elementor-blockquote__content {
    font-style: italic !important;
    color: rgba(255,255,255,0.88) !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    margin: 0 0 10px !important;
}

blockquote cite,
.wp-block-quote cite,
.elementor-blockquote__author {
    color: #c5a059 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    display: block !important;
    margin-top: 6px !important;
}

/* Schedule Consultation button on About page */
.elementor-button[href*="consult"],
.elementor-widget-button a {
    background: linear-gradient(135deg, #c5a059, #b48e47) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(197,160,89,0.35) !important;
}

.elementor-widget-button a:hover {
    background: linear-gradient(135deg, #d4b06a, #c5a059) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(197,160,89,0.45) !important;
}

/* ════════════════════════════════════════════════
   FEATURED LOCATIONS — Background Match
   ════════════════════════════════════════════════ */
.elementor-element-f18ff33 {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* ════════════════════════════════════════════════
   CONTACT US — Professional Glassmorphism
   ════════════════════════════════════════════════ */
/* Contact Form Container & Contact Detail Strip */
#send-email,
.elementor-element.elementor-element-586c875f, 
.elementor-element.elementor-element-b93571d {
    background-color: rgba(18, 18, 18, 0.70) !important;
    background: rgba(18, 18, 18, 0.70) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(197, 160, 89, 0.25) !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Specific styling for the floating contact detail strip at the bottom */
.elementor-element.elementor-element-b93571d {
    border-radius: 100px !important;
    margin: 20px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    padding: 12px 32px !important;
}

/* Force all inner wrappers to be transparent so the glass isn't blocked by solid black boxes */
#send-email > .e-con-inner,
#send-email > .elementor-widget-container,
#send-email .elementor-widget-mh_contact_form > .elementor-widget-container,
#send-email .myhome-contact-form-widget,
.elementor-element-586c875f > .e-con-inner,
.elementor-element-586c875f > .elementor-widget-wrap,
.elementor-element-586c875f .elementor-widget-container,
.elementor-element-b93571d > .e-con-inner,
.elementor-element-b93571d > .elementor-widget-wrap,
.elementor-element-b93571d .elementor-widget-container {
    background-color: transparent !important;
    background: transparent !important;
}

/* ════════════════════════════════════════════════
   UNIVERSAL FORM & CONTACT FORM INPUTS & PLACEHOLDERS
   TRANSPARENT BLACK BACKGROUND WITH CRISP WHITE TEXT
   ════════════════════════════════════════════════ */

/* Force all form inputs, textareas, and select dropdowns globally (especially in contact forms & Elementor forms) to be transparent black with crisp white text */
html body input[type="text"],
html body input[type="email"],
html body input[type="tel"],
html body input[type="number"],
html body input[type="url"],
html body input[type="password"],
html body input[type="search"],
html body input[type="date"],
html body textarea,
html body select,
html body .wpcf7-form-control:not(.wpcf7-submit),
html body .wpcf7-text,
html body .wpcf7-email,
html body .wpcf7-tel,
html body .wpcf7-textarea,
html body .wpcf7-select,
html body .elementor-field-group .elementor-field,
html body .elementor-field-textual,
html body .myhome-contact-form-widget input:not([type="submit"]),
html body .myhome-contact-form-widget textarea,
html body .myhome-contact-form-widget select,
html body #send-email input:not([type="submit"]),
html body #send-email textarea,
html body #send-email select,
html body .myhome-input input,
html body .myhome-select,
html body .myhome-textarea textarea,
html body .mh-input,
html body .form-control {
    background-color: rgba(0, 0, 0, 0.55) !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    font-family: inherit !important;
    padding: 12px 16px !important;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.25s ease !important;
}

/* Hover and Focus states for all inputs */
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="tel"]:focus,
html body input[type="number"]:focus,
html body input[type="url"]:focus,
html body textarea:focus,
html body select:focus,
html body .wpcf7-form-control:not(.wpcf7-submit):focus,
html body .elementor-field:focus,
html body .myhome-contact-form-widget input:not([type="submit"]):focus,
html body .myhome-contact-form-widget textarea:focus,
html body .myhome-contact-form-widget select:focus {
    background-color: rgba(0, 0, 0, 0.8) !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-color: #c5a059 !important;
    box-shadow: 0 0 0 2px rgba(197, 160, 89, 0.25), inset 0 2px 6px rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    outline: none !important;
}

/* Force ALL placeholder text in all fields to show clearly in crisp white */
html body input::-webkit-input-placeholder,
html body textarea::-webkit-input-placeholder,
html body .wpcf7-form-control::-webkit-input-placeholder,
html body .elementor-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
}
html body input::-moz-placeholder,
html body textarea::-moz-placeholder,
html body .wpcf7-form-control::-moz-placeholder,
html body .elementor-field::-moz-placeholder {
    color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
}
html body input:-ms-input-placeholder,
html body textarea:-ms-input-placeholder,
html body .wpcf7-form-control:-ms-input-placeholder,
html body .elementor-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
}
html body input::-ms-input-placeholder,
html body textarea::-ms-input-placeholder,
html body .wpcf7-form-control::-ms-input-placeholder,
html body .elementor-field::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
}
html body input::placeholder,
html body textarea::placeholder,
html body .wpcf7-form-control::placeholder,
html body .elementor-field::placeholder {
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
}

/* Select element options when dropdown is opened (must be solid black background with white text so they remain visible) */
html body select option,
html body .wpcf7-select option,
html body .myhome-select option {
    background-color: #0A0A0A !important;
    background: #0A0A0A !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Select placeholder or empty option state */
html body select.is-placeholder,
html body select option[value=""] {
    color: rgba(255, 255, 255, 0.82) !important;
}

/* Force form labels and field titles to be crisp white */
html body .wpcf7 label,
html body .wpcf7-form-control-wrap label,
html body .elementor-field-label,
html body .myhome-contact-form-widget__label,
html body #send-email label,
html body #send-email h3,
html body #send-email h4,
html body .form-label,
html body form label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Form Submit Buttons — gold/brown gradient background and crisp white text */
html body .wpcf7-submit,
html body input[type="submit"],
html body button[type="submit"],
html body #send-email input[type="submit"],
html body #send-email .elementor-button,
html body .myhome-contact-form-widget input[type="submit"] {
    background: linear-gradient(135deg, #c5a059, #b48e47) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(197, 160, 89, 0.35) !important;
    transition: all 0.25s ease !important;
}
html body .wpcf7-submit:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover,
html body #send-email input[type="submit"]:hover {
    background: linear-gradient(135deg, #d4b06a, #c5a059) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(197, 160, 89, 0.45) !important;
    color: #ffffff !important;
}

/* ════════════════════════════════════════════════
   GLOBAL PROPER BLACK BACKGROUND UNIFICATION
   ════════════════════════════════════════════════ */
/* Ensure the body and all major Elementor sections use the seamless pitch black (#000000), 
   instead of mismatched pitch black (#000000). Background images will still render on top! */
html, body, .elementor-page,
.elementor-section[data-settings*='"background_background":"classic"'],
.e-con[data-settings*='"background_background":"classic"'] {
    background-color: #000000 !important;
}

/* ════════════════════════════════════════════════
   ABOUT US SECTION FIX
   ════════════════════════════════════════════════ */
/* The "Our Approach" black box is container 81deec7 using lsectionbg variable.
   Container 1b51955 is its child, also using lsectionbg.
   Force both to transparent so the dark page background shows through. */
.elementor-element-81deec7,
.elementor-element-81deec7:not(.elementor-motion-effects-element-type-background),
.elementor-element-81deec7 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element-1b51955,
.elementor-element-1b51955:not(.elementor-motion-effects-element-type-background),
.elementor-element-1b51955 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent !important;
    background: transparent !important;
}

/* Also fix the quote block which uses lsectionbg for its background */
.elementor-element-9663f9e .myhome-quote {
    background-color: transparent !important;
}

/* ════════════════════════════════════════════════
   FULL BLACK THEME — LISTING CARDS & ALL SECTIONS
   ════════════════════════════════════════════════ */

/* Override Elementor kit CSS variables at max specificity to beat inline <style> */
html body,
html body .elementor-kit-5417,
html body.elementor-page {
    --e-global-color-lsectionbg: #000000;
    --e-global-color-lsectionbg2: #0A0A0A;
    --e-global-color-lcolor1: #ffffff;
    --e-global-color-lcolor2: rgba(255,255,255,0.6);
    --e-global-color-lcolor3: rgba(255,255,255,0.1);
    --e-global-color-lcolor4: #ffffff;
    --e-global-color-lcolor5: #ffffff;
}

/* Listing Cards — force proper dark card background */
body .myhome-listing-card,
body .myhome-listing-card__content,
body .myhome-listing-card__bottom,
body .myhome-listing-row,
body .elementor .myhome-listing-card {
    background-color: #0A0A0A !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* Card inner wrapper - where background is actually set */
body .myhome-listing-card .myhome-listing-card__inner,
body .myhome-listing-card__inner {
    background-color: #0A0A0A !important;
}

/* Card hover state */
body .myhome-listing-card:hover {
    background-color: #000000 !important;
}

/* Listing card attributes, values text */
body .myhome-listing-card .myhome-attribute,
body .myhome-listing-card-additional-attribute__value,
body .myhome-attribute__value {
    color: rgba(255,255,255,0.55) !important;
}

/* Card icon buttons (heart, compare, view) */
body .myhome-listing-card__icon,
body .myhome-listing-row__icon {
    background-color: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.12) !important;
}

/* Pagination buttons */
body .myhome-pagination__item:not(.myhome-pagination__item--active) {
    background: #0A0A0A !important;
}

/* Box arrows (carousel nav) */
body .myhome-box-arrow:not(.myhome-box-arrow--disabled) {
    background-color: #0A0A0A !important;
    border-color: rgba(255,255,255,0.15) !important;
}
body .myhome-box-arrow:not(.myhome-box-arrow--disabled):hover {
    background-color: #151515 !important;
}

/* Filter tabs */
body .myhome-tab-v2,
body .myhome-tab {
    background-color: #0A0A0A !important;
    color: rgba(255,255,255,0.7) !important;
}

/* ALL Elementor sections and containers — pitch black */
body .elementor-section:not([style*="background-image"]):not([class*="hero"]):not([class*="contact-bg"]),
body .e-con:not([style*="background-image"]) {
    background-color: #000000 !important;
}

/* Image placeholder background */
body .myhome-image-placeholder,
body .myhome-user-image-placeholder {
    background-color: #0A0A0A !important;
}

/* Quick view panel */
body .myhome-quick-view {
    background-color: #0A0A0A !important;
}

/* Search form inputs */
body .myhome-input input,
body .myhome-select,
body .myhome-textarea textarea {
    background-color: rgba(0, 0, 0, 0.55) !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Make all section backgrounds uniformly #000000 */
body,
body .elementor-page,
body .site,
body #page,
body .wp-site-blocks,
body main {
    background-color: #000000 !important;
}


/* Listing Cards — force black card background */
.myhome-listing-card,
.myhome-listing-card__content,
.myhome-listing-card__bottom,
.myhome-listing-row {
    background-color: #0A0A0A !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* Card hover state */
.myhome-listing-card:hover {
    background-color: #111111 !important;
}

/* Listing card attributes, values text */
.myhome-listing-card .myhome-attribute,
.myhome-listing-card-additional-attribute__value,
.myhome-listing-card-additional-attribute__icon path {
    color: rgba(255,255,255,0.55) !important;
    fill: rgba(255,255,255,0.55) !important;
}

/* Card icon buttons */
.myhome-listing-card__icon,
.myhome-listing-row__icon {
    background-color: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* Pagination bullets */
.myhome-pagination__item:not(.myhome-pagination__item--active) {
    background: #0A0A0A !important;
}

/* All page section backgrounds */
.elementor-section,
.e-con,
.elementor-container,
.elementor-inner,
.elementor-row {
    background-color: #000000 !important;
}

/* BUT keep background IMAGES/VIDEOS intact */
[style*="background-image"],
.elementor-background-video-container,
.elementor-motion-effects-layer {
    background-color: transparent !important;
}

/* Image placeholder */
.myhome-image-placeholder,
.myhome-user-image-placeholder {
    background-color: #0A0A0A !important;
}

/* Box arrows navigation */
.myhome-box-arrow:not(.myhome-box-arrow--disabled) {
    background-color: #0A0A0A !important;
    border-color: rgba(255,255,255,0.15) !important;
}
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover {
    background-color: #151515 !important;
}

/* Filter tabs / property type tabs */
.myhome-tab-v2,
.myhome-tab {
    background-color: #0A0A0A !important;
    color: rgba(255,255,255,0.7) !important;
}

/* ════════════════════════════════════════════════
   COMPREHENSIVE PURE BLACK THEME OVERRIDES
   ════════════════════════════════════════════════ */

/* Force ALL layouts, page wrappers, body sections, search filter boxes, 
   inputs, dropdowns, and buttons to be PURE BLACK (#000000). */
html, body, .elementor-page, .elementor-section, .elementor-container,
.myhome-body, .mh-body, .mh-layout, .mh-main, .mh-content,
.myhome-search, .myhome-search__content, .myhome-search-filter, .myhome-search-form, 
.myhome-search-form__inner, .myhome-search-form-widget, .myhome-search-form__fields,
.myhome-filter, .myhome-filters, .widget, .mh-widget, .mh-search, .mh-search-form, 
.mh-search-form-widget, .mh-search__content, .mh-search__fields, .mh-search__field, 
.mh-filter-box, .mh-filter, .mh-filters, .mh-filters-box,
.e-con, .e-con-inner, .card, .mh-card, .listing-card, .thumbnail, .mh-thumbnail, 
.mh-post-card, .post, .article, .myhome-quick-view,
/* Specific Listivo / MyHome taxonomy filter items */
.myhome-filter-item, .myhome-search-filter__box, .myhome-search-filter__item,
.myhome-filters-item, .myhome-filters__box, .myhome-filters__item,
.myhome-search-form__fields__field,
/* Listing card body wrapper */
.myhome-listing-card, .myhome-listing-card__content, .myhome-listing-card__bottom, 
.myhome-listing-card__inner, .myhome-listing-row {
    background-color: #000000 !important;
    background: #000000 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── FORCE EXPLICIT TRANSPARENCY ON IMAGES, GALLERIES, BADGES & OVERLAYS ── */
/* This prevents solid black boxes from covering listing images and thumbnails */
.myhome-listing-card__image-link,
.myhome-listing-card__image-container,
.myhome-listing-card__image,
.myhome-listing-card__gallery,
.myhome-listing-card__gallery-inner,
.myhome-listing-card__thumbnail,
.myhome-listing-card__image img,
.elementor-image, .elementor-image img,
.myhome-image-placeholder, .myhome-user-image-placeholder,
[class*="image"], [class*="gallery"], [class*="slider"], [class*="map"], [class*="badge"] {
    background-color: transparent !important;
    background: transparent !important;
}

/* Ensure hover states on cards and buttons also stay dark/black */
.myhome-listing-card:hover,
.myhome-listing-card:hover .myhome-listing-card__inner,
.myhome-listing-card:hover .myhome-listing-card__content,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover,
.myhome-tab-v2:hover, .myhome-tab:hover {
    background-color: #050505 !important;
    background: #050505 !important;
}

/* Keep form dropdown options and inputs readable */
select option,
.myhome-select option,
.myhome-input input, .myhome-select, .myhome-textarea textarea,
.mh-input, .form-control {
    background-color: rgba(0, 0, 0, 0.55) !important;
    background: rgba(0, 0, 0, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
select option,
.myhome-select option {
    background-color: #0A0A0A !important;
    background: #0A0A0A !important;
}

/* Keep background images, videos and gradients intact */
[style*="background-image"],
.elementor-background-video-container,
.elementor-motion-effects-layer {
    background-color: transparent !important;
    background-image: inherit !important;
}

/* ════════════════════════════════════════════════
   MORTGAGE CALCULATOR PURE BLACK OVERRIDES
   ════════════════════════════════════════════════ */

/* Force all mortgage calculator containers, wrappers and layouts to be pure black */
.myhome-mortgage-calculator,
.myhome-mortgage-calculator__content,
.myhome-mortgage-calculator__fields,
.myhome-mortgage-calculator__values,
.myhome-mortgage-calculator__value,
.myhome-mortgage-calculator__chart-wrapper,
.myhome-mortgage-calculator__chart-inner,
.myhome-mortgage-calculator__value-data,
.myhome-mortgage-calculator__value-label,
.myhome-loan-calculator,
.myhome-loan-calculator-link,
/* Target elementor widget containers or wrappers around calculator */
.elementor-widget-mh_mortgage_calculator,
.elementor-widget-mh_mortgage_calculator .elementor-widget-container,
/* Any nested wrapping divs inside the calculator */
.myhome-mortgage-calculator div,
.myhome-mortgage-calculator section {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Force all text labels and headings in calculator to be white */
.myhome-mortgage-calculator h1,
.myhome-mortgage-calculator h2,
.myhome-mortgage-calculator h3,
.myhome-mortgage-calculator h4,
.myhome-mortgage-calculator h5,
.myhome-mortgage-calculator h6,
.myhome-mortgage-calculator label,
.myhome-mortgage-calculator span,
.myhome-mortgage-calculator p,
.myhome-mortgage-calculator div,
.myhome-mortgage-calculator__value-label {
    color: #ffffff !important;
}

/* Force inputs and dropdowns to be pure black with white borders */
.myhome-mortgage-calculator input,
.myhome-mortgage-calculator select,
.myhome-mortgage-calculator textarea,
.myhome-mortgage-calculator__fields input,
.myhome-mortgage-calculator .myhome-input,
.myhome-mortgage-calculator .myhome-input-group {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Keep the range sliders track clean */
.myhome-mortgage-calculator input[type="range"],
.myhome-mortgage-calculator .myhome-range-slider,
.myhome-mortgage-calculator .slider,
.myhome-mortgage-calculator .slider-track,
.myhome-mortgage-calculator .slider-handle {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Ensure legend and labels at the bottom are readable */
.myhome-mortgage-calculator__chart-legend,
.myhome-mortgage-calculator__chart-legend-item,
.myhome-mortgage-calculator__chart-legend-label {
    color: #e5e7eb !important;
}

/* ════════════════════════════════════════════════
   MORTGAGE CALCULATOR PURE BLACK OVERRIDES
   ════════════════════════════════════════════════ */

/* Force all mortgage calculator containers, wrappers and layouts to be pure black */
.myhome-mortgage-calculator,
.myhome-mortgage-calculator__content,
.myhome-mortgage-calculator__fields,
.myhome-mortgage-calculator__values,
.myhome-mortgage-calculator__value,
.myhome-mortgage-calculator__chart-wrapper,
.myhome-mortgage-calculator__chart-inner,
.myhome-mortgage-calculator__value-data,
.myhome-mortgage-calculator__value-label,
.myhome-loan-calculator,
.myhome-loan-calculator-link,
/* Target elementor widget containers or wrappers around calculator */
.elementor-widget-mh_mortgage_calculator,
.elementor-widget-mh_mortgage_calculator .elementor-widget-container,
/* Any nested wrapping divs inside the calculator */
.myhome-mortgage-calculator div,
.myhome-mortgage-calculator section {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Force all text labels and headings in calculator to be white */
.myhome-mortgage-calculator h1,
.myhome-mortgage-calculator h2,
.myhome-mortgage-calculator h3,
.myhome-mortgage-calculator h4,
.myhome-mortgage-calculator h5,
.myhome-mortgage-calculator h6,
.myhome-mortgage-calculator label,
.myhome-mortgage-calculator span,
.myhome-mortgage-calculator p,
.myhome-mortgage-calculator div,
.myhome-mortgage-calculator__value-label {
    color: #ffffff !important;
}

/* Force inputs and dropdowns to be pure black with white borders */
.myhome-mortgage-calculator input,
.myhome-mortgage-calculator select,
.myhome-mortgage-calculator textarea,
.myhome-mortgage-calculator__fields input,
.myhome-mortgage-calculator .myhome-input,
.myhome-mortgage-calculator .myhome-input-group {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Keep the range sliders track clean */
.myhome-mortgage-calculator input[type="range"],
.myhome-mortgage-calculator .myhome-range-slider,
.myhome-mortgage-calculator .slider,
.myhome-mortgage-calculator .slider-track,
.myhome-mortgage-calculator .slider-handle {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Ensure legend and labels at the bottom are readable */
.myhome-mortgage-calculator__chart-legend,
.myhome-mortgage-calculator__chart-legend-item,
.myhome-mortgage-calculator__chart-legend-label {
    color: #e5e7eb !important;
}

/* ════════════════════════════════════════════════
   CAROUSEL NAVIGATION ARROWS Polish & Visibility Fix
   ════════════════════════════════════════════════ */

/* Navigation arrow buttons - unified container visibility */
.myhome-box-arrow,
.myhome-box-arrow--disabled,
.myhome-box-arrow:not(.myhome-box-arrow--disabled) {
    background-color: #1A1A1A !important;
    background: #1A1A1A !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

/* Icon / Arrow glyph color for active states */
.myhome-box-arrow i,
.myhome-box-arrow svg,
.myhome-box-arrow path,
.myhome-box-arrow::before,
.myhome-box-arrow::after {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Specific styling for disabled arrows (so they remain visible but look disabled) */
.myhome-box-arrow--disabled {
    background-color: #080808 !important;
    background: #080808 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    cursor: not-allowed !important;
}

.myhome-box-arrow--disabled i,
.myhome-box-arrow--disabled svg,
.myhome-box-arrow--disabled path,
.myhome-box-arrow--disabled::before,
.myhome-box-arrow--disabled::after {
    color: rgba(255, 255, 255, 0.25) !important;
    fill: rgba(255, 255, 255, 0.25) !important;
    opacity: 0.4 !important;
}

/* Hover state for active arrow buttons (using brand gold color) */
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover {
    background-color: #c5a059 !important;
    background: #c5a059 !important;
    border-color: #c5a059 !important;
}

.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover i,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover svg,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover path {
    color: #000000 !important;
    fill: #000000 !important;
}

/* ════════════════════════════════════════════════
   CAROUSEL NAVIGATION ARROWS Polish & Visibility Fix
   ════════════════════════════════════════════════ */

/* Navigation arrow buttons - unified container visibility */
.myhome-box-arrow,
.myhome-box-arrow--disabled,
.myhome-box-arrow:not(.myhome-box-arrow--disabled) {
    background-color: #1A1A1A !important;
    background: #1A1A1A !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

/* Icon / Arrow glyph color for active states */
.myhome-box-arrow i,
.myhome-box-arrow svg,
.myhome-box-arrow path,
.myhome-box-arrow::before,
.myhome-box-arrow::after {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Specific styling for disabled arrows (so they remain visible but look disabled) */
.myhome-box-arrow--disabled {
    background-color: #080808 !important;
    background: #080808 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    cursor: not-allowed !important;
}

.myhome-box-arrow--disabled i,
.myhome-box-arrow--disabled svg,
.myhome-box-arrow--disabled path,
.myhome-box-arrow--disabled::before,
.myhome-box-arrow--disabled::after {
    color: rgba(255, 255, 255, 0.25) !important;
    fill: rgba(255, 255, 255, 0.25) !important;
    opacity: 0.4 !important;
}

/* Hover state for active arrow buttons (using brand gold color) */
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover {
    background-color: #c5a059 !important;
    background: #c5a059 !important;
    border-color: #c5a059 !important;
}

.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover i,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover svg,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover path {
    color: #000000 !important;
    fill: #000000 !important;
}

/* ════════════════════════════════════════════════
   CAROUSEL NAVIGATION ARROWS Polish & Visibility Fix
   ════════════════════════════════════════════════ */

/* Navigation arrow buttons - unified container visibility */
.myhome-box-arrow,
.myhome-box-arrow--disabled,
.myhome-box-arrow:not(.myhome-box-arrow--disabled) {
    background-color: #1A1A1A !important;
    background: #1A1A1A !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
}

/* Icon / Arrow glyph color for active states */
.myhome-box-arrow i,
.myhome-box-arrow svg,
.myhome-box-arrow path,
.myhome-box-arrow::before,
.myhome-box-arrow::after {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Specific styling for disabled arrows (so they remain visible but look disabled) */
.myhome-box-arrow--disabled {
    background-color: #080808 !important;
    background: #080808 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    cursor: not-allowed !important;
}

.myhome-box-arrow--disabled i,
.myhome-box-arrow--disabled svg,
.myhome-box-arrow--disabled path,
.myhome-box-arrow--disabled::before,
.myhome-box-arrow--disabled::after {
    color: rgba(255, 255, 255, 0.25) !important;
    fill: rgba(255, 255, 255, 0.25) !important;
    opacity: 0.4 !important;
}

/* Hover state for active arrow buttons (using brand gold color) */
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover {
    background-color: #c5a059 !important;
    background: #c5a059 !important;
    border-color: #c5a059 !important;
}

.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover i,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover svg,
.myhome-box-arrow:not(.myhome-box-arrow--disabled):hover path {
    color: #000000 !important;
    fill: #000000 !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR PLUGIN OVERRIDES (Modal)
   ════════════════════════════════════════════════ */

/* Force all wrapper elements and cols inside modal to be pure black background */
.emi-modal-widget-wrapper,
.emi-modal-widget-wrapper div,
.emi-modal-widget-wrapper section,
.emi_calculator_info,
.emi_calculator_col,
.emi_calculator_col2,
.emi_calculator_col_left,
.emi_calculator_col_right,
.emi_calculator_info_wrapper,
.emi_calculator_wrapper {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Force white text inside the modal calculator */
.emi-modal-widget-wrapper label,
.emi-modal-widget-wrapper span,
.emi-modal-widget-wrapper p,
.emi-modal-widget-wrapper h1,
.emi-modal-widget-wrapper h2,
.emi-modal-widget-wrapper h3,
.emi-modal-widget-wrapper h4,
.emi-modal-widget-wrapper h5,
.emi-modal-widget-wrapper h6,
.emi-modal-widget-wrapper td,
.emi-modal-widget-wrapper th,
.emi_calculator_info label,
.emi_calculator_info span,
.emi_calculator_col label,
.emi_calculator_col span,
.emi_calculator_col2 label,
.emi_calculator_col2 span,
#primecap {
    color: #ffffff !important;
}

/* EMI input fields and buttons styling */
.emi-modal-widget-wrapper input,
.emi-modal-widget-wrapper select,
.emi-modal-widget-wrapper textarea,
.emi-modal-widget-wrapper .form-control,
.emi_calculator_info input,
.emi_calculator_info select,
.emi_calculator_col input,
.emi_calculator_col select,
.emi_calculator_col2 input,
.emi_calculator_col2 select {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Range Slider - customize default rangeslider.js theme */
.emi-modal-widget-wrapper .rangeslider,
.emi-modal-widget-wrapper .rangeslider__fill,
.emi_calculator_col .rangeslider,
.emi_calculator_col .rangeslider__fill,
.emi_calculator_col2 .rangeslider,
.emi_calculator_col2 .rangeslider__fill,
#emi_range .rangeslider,
#emi_range .rangeslider__fill {
    background: #c5a059 !important; /* Gold slider fill */
}

.emi-modal-widget-wrapper .rangeslider__handle,
.emi_calculator_col .rangeslider__handle,
.emi_calculator_col2 .rangeslider__handle,
#emi_range .rangeslider__handle {
    background: #ffffff !important;
    border: 2px solid #c5a059 !important;
}

/* Legend colors text */
.emi-modal-widget-wrapper .emi_calculator_legend,
.emi-modal-widget-wrapper .emi_legend_item,
.emi-modal-widget-wrapper .emi_chart_label {
    color: #e5e7eb !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR PLUGIN OVERRIDES (Modal)
   ════════════════════════════════════════════════ */

/* Force all wrapper elements and cols inside modal to be pure black background */
.emi-modal-widget-wrapper,
.emi-modal-widget-wrapper div,
.emi-modal-widget-wrapper section,
.emi_calculator_info,
.emi_calculator_col,
.emi_calculator_col2,
.emi_calculator_col_left,
.emi_calculator_col_right,
.emi_calculator_info_wrapper,
.emi_calculator_wrapper {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Force white text inside the modal calculator */
.emi-modal-widget-wrapper label,
.emi-modal-widget-wrapper span,
.emi-modal-widget-wrapper p,
.emi-modal-widget-wrapper h1,
.emi-modal-widget-wrapper h2,
.emi-modal-widget-wrapper h3,
.emi-modal-widget-wrapper h4,
.emi-modal-widget-wrapper h5,
.emi-modal-widget-wrapper h6,
.emi-modal-widget-wrapper td,
.emi-modal-widget-wrapper th,
.emi_calculator_info label,
.emi_calculator_info span,
.emi_calculator_col label,
.emi_calculator_col span,
.emi_calculator_col2 label,
.emi_calculator_col2 span,
#primecap {
    color: #ffffff !important;
}

/* EMI input fields and buttons styling */
.emi-modal-widget-wrapper input,
.emi-modal-widget-wrapper select,
.emi-modal-widget-wrapper textarea,
.emi-modal-widget-wrapper .form-control,
.emi_calculator_info input,
.emi_calculator_info select,
.emi_calculator_col input,
.emi_calculator_col select,
.emi_calculator_col2 input,
.emi_calculator_col2 select {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Range Slider - customize default rangeslider.js theme */
.emi-modal-widget-wrapper .rangeslider,
.emi-modal-widget-wrapper .rangeslider__fill,
.emi_calculator_col .rangeslider,
.emi_calculator_col .rangeslider__fill,
.emi_calculator_col2 .rangeslider,
.emi_calculator_col2 .rangeslider__fill,
#emi_range .rangeslider,
#emi_range .rangeslider__fill {
    background: #c5a059 !important; /* Gold slider fill */
}

.emi-modal-widget-wrapper .rangeslider__handle,
.emi_calculator_col .rangeslider__handle,
.emi_calculator_col2 .rangeslider__handle,
#emi_range .rangeslider__handle {
    background: #ffffff !important;
    border: 2px solid #c5a059 !important;
}

/* Legend colors text */
.emi-modal-widget-wrapper .emi_calculator_legend,
.emi-modal-widget-wrapper .emi_legend_item,
.emi-modal-widget-wrapper .emi_chart_label {
    color: #e5e7eb !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR SYMBOLS CONTRAST & VISIBILITY
   ════════════════════════════════════════════════ */

/* Suffix addon boxes (₹, %) dark background with golden text */
.emi-modal-widget-wrapper .emi_input_group_symbol span,
.emi-modal-widget-wrapper .input-group-text,
.emi_calculator_info .emi_input_group_symbol span,
.emi_calculator_col .emi_input_group_symbol span,
.emi_calculator_col2 .emi_input_group_symbol span {
    background-color: #1A1A1A !important;
    background: #1A1A1A !important;
    color: #c5a059 !important; /* Gold text for symbols */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: none !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Tenure radio buttons (Yr / Mo) - default inactive state */
.emi-modal-widget-wrapper .emi-tenure-radio input[type=radio]:not(old) + .form-label,
.emi-modal-widget-wrapper .emi-tenure-radio label.form-label,
.emi_calculator_col .emi-tenure-radio input[type=radio]:not(old) + .form-label,
.emi_calculator_col .emi-tenure-radio label.form-label {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Tenure radio buttons - active / checked state (brand gold) */
.emi-modal-widget-wrapper .emi-tenure-radio input[type=radio]:not(old):checked + .form-label,
.emi_calculator_col .emi-tenure-radio input[type=radio]:not(old):checked + .form-label {
    background-color: #c5a059 !important;
    background: #c5a059 !important;
    color: #000000 !important; /* Black text on gold background */
    border-color: #c5a059 !important;
    font-weight: 700 !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR SYMBOLS CONTRAST & VISIBILITY
   ════════════════════════════════════════════════ */

/* Suffix addon boxes (₹, %) dark background with golden text */
.emi-modal-widget-wrapper .emi_input_group_symbol span,
.emi-modal-widget-wrapper .input-group-text,
.emi_calculator_info .emi_input_group_symbol span,
.emi_calculator_col .emi_input_group_symbol span,
.emi_calculator_col2 .emi_input_group_symbol span {
    background-color: #1A1A1A !important;
    background: #1A1A1A !important;
    color: #c5a059 !important; /* Gold text for symbols */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: none !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Tenure radio buttons (Yr / Mo) - default inactive state */
.emi-modal-widget-wrapper .emi-tenure-radio input[type=radio]:not(old) + .form-label,
.emi-modal-widget-wrapper .emi-tenure-radio label.form-label,
.emi_calculator_col .emi-tenure-radio input[type=radio]:not(old) + .form-label,
.emi_calculator_col .emi-tenure-radio label.form-label {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 6px 12px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* Tenure radio buttons - active / checked state (brand gold) */
.emi-modal-widget-wrapper .emi-tenure-radio input[type=radio]:not(old):checked + .form-label,
.emi_calculator_col .emi-tenure-radio input[type=radio]:not(old):checked + .form-label {
    background-color: #c5a059 !important;
    background: #c5a059 !important;
    color: #000000 !important; /* Black text on gold background */
    border-color: #c5a059 !important;
    font-weight: 700 !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR GOLDEN OUTER BORDERS
   ════════════════════════════════════════════════ */

/* Set the outer borders of the EMI Calculator input form and results boxes to brand gold */
.emi-modal-widget-wrapper .emi_calculator_col,
.emi-modal-widget-wrapper .emi_calculator_col2,
.emi_calculator_info .emi_calculator_col,
.emi_calculator_info .emi_calculator_col2 {
    border: 1.5px solid #c5a059 !important;
    border-radius: 8px !important;
}

/* ════════════════════════════════════════════════
   EMI CALCULATOR GOLDEN OUTER BORDERS
   ════════════════════════════════════════════════ */

/* Set the outer borders of the EMI Calculator input form and results boxes to brand gold */
.emi-modal-widget-wrapper .emi_calculator_col,
.emi-modal-widget-wrapper .emi_calculator_col2,
.emi_calculator_info .emi_calculator_col,
.emi_calculator_info .emi_calculator_col2 {
    border: 1.5px solid #c5a059 !important;
    border-radius: 8px !important;
}