/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
*/

/* Custom CSS starts below */

/*
body {
    border: 10px solid yellow !important;
}
*/

/* Make each property card stretch to equal height */
.es-listings--grid-3 .js-es-listing {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Make the content area fill the card */
.es-listings--grid-3 .es-listing__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Make the inner content stretch */
.es-listings--grid-3 .es-listing__content__inner {
    flex: 1;
}



/* Improve readability of dark/grey Estatik text on dark background */

.es-single.es-single--single-tiled-gallery.es-single--xl p,
.es-single.es-single--single-tiled-gallery.es-single--xl span,
.es-single.es-single--single-tiled-gallery.es-single--xl li,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-info__label,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-info__value,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-field__label,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-single__section-title,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-tabs__nav a,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-property__address,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-property__meta,
.es-single.es-single--single-tiled-gallery.es-single--xl .es-info__row {
    color: #e6e6e6 !important; 
}



/* Headings + tab labels on single tiled gallery layout */

.es-single.es-single--single-tiled-gallery.es-single--xl h1,
.es-single.es-single--single-tiled-gallery.es-single--xl h2,
.es-single.es-single--single-tiled-gallery.es-single--xl h3,
.es-single.es-single--single-tiled-gallery.es-single--xl h4,
.es-single.es-single--single-tiled-gallery.es-single--xl h5,
.es-single.es-single--single-tiled-gallery.es-single--xl h6,
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="tabs"] a,
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="tab"] a,
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="section-title"],
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="request"],
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="enquiry"],
.es-single.es-single--single-tiled-gallery.es-single--xl [class*="inquiry"] {
    color: #f0f0f0 !important;
}

/* Fix "Call for price" text inside the white pill */
.es-single.es-single--single-tiled-gallery.es-single--xl .es-badge.call-for-price {
    color: #000000 !important;   /* solid black for maximum contrast */
}

/* Hide the meta row under the gallery (beds, baths, distance, time) */
.es-single.es-single--single-tiled-gallery.es-single--xl .es-listing__meta {
    display: none !important;
}


/* Hide the property type link under the gallery */
.es-single.es-single--single-tiled-gallery.es-single--xl .es-listing__terms {
    display: none !important;
}

/* Make the "Featured" badge text dark grey */
.es-single.es-single--single-tiled-gallery.es-single--xl .es-badge a {
    color: #333333 !important;
}

/* Make Estatik search input text visible on white background */
.es-search input[type="text"],
.es-search .js-es-address {
    color: #111111 !important;          /* text colour */
    caret-color: #111111 !important;    /* blinking cursor */
}

/* Override inline white background on the Request Info box */
.es-property-section__content .es-request-form--section {
    background: #404b5f !important;
}

/* Override the theme forcing white background */
.es-property_section--request_form .es-property-section__content {
    background-color: #404b5f !important;
}

/* Dark mode inputs inside Request Info box */
.es-request-form--section .es-field__input {
    background: #2f3a4c !important;
    color: #ffffff !important;
    border: 1px solid #59657a !important;
}

/* Placeholder text */
.es-request-form--section .es-field__input::placeholder {
    color: #d0d6e2 !important;
}

/* Dark mode inputs for standalone Estatik forms */
.es-request-form .es-field__input {
    background: #2f3a4c !important;   /* darker than page background */
    color: #ffffff !important;         /* readable text */
    border: 1px solid #59657a !important;
}

/* Placeholder text */
.es-request-form .es-field__input::placeholder {
    color: #d0d6e2 !important;
}




.es-powered {
    display: none !important;
}

/* Match popup background to site background */
.mfp-container,
.mfp-content,
.mfp-figure {
    background: #404b5f !important;
}

/* MOBILE FIXES FOR ESTATIK DARK MODE */
@media (max-width: 1024px) {

    /* General text inside Estatik components */
    .es-single,
    .es-single * {
        color: #f0f0f0 !important;
    }

    /* Links that should be orange */
    .es-single a {
        color: #e6b25c !important;
    }

    /* Tabs */
    .es-tabs__nav a,
    .es-tabs__nav li a {
        color: #f0f0f0 !important;
    }

    /* Property meta (beds, baths, etc.) */
    .es-listing__meta,
    .es-listing__meta * {
        color: #f0f0f0 !important;
    }

    /* Request Info form inputs */
    .es-request-form .es-field__input {
        background: #2f3a4c !important;
        color: #f0f0f0 !important;
        border: 1px solid #59657a !important;
    }

    /* Request Info labels */
    .es-request-form .es-field__label {
        color: #f0f0f0 !important;
    }

    /* Placeholder text */
    .es-request-form .es-field__input::placeholder {
        color: #d0d6e2 !important;
    }

    /* Buttons */
    .es-btn,
    .es-btn--primary {
        background: #59657a !important;
        color: #f0f0f0 !important;
        border: none !important;
    }

    /* Search form text */
    .es-search input[type="text"] {
        color: #f0f0f0 !important;
    }

    .es-search input[type="text"]::placeholder {
        color: #d0d6e2 !important;
    }

    /* Remove any white backgrounds Estatik forces on mobile */
    .es-request-form,
    .es-request-form--section,
    .es-property-section__content,
    .es-single .es-section {
        background: #404b5f !important;
    }
	
	.es-badge a {
    color: #ffffff !important;
	}

	
	/* Force ALL badge text to white, including Call for price */
	.es-badge,
	.es-badge *,
	.es-badge--price,
	.es-badge--price * {
    color: #111111 !important;
	}
	
	/* Force Request Info buttons to stay orange with white text */
	.es-request-form .es-btn,
	.es-request-form .es-btn--primary,
	.js-es-request-form-submit {
    background: #e6b25c !important;   /* your orange */
    color: #ffffff !important;         /* white text */
    border: none !important;
	}
	
	.es-btn--request-info.es-btn.es-btn--primary {
        background: #e6b25c !important;
        color: #ffffff !important;
        border: none !important;
    }
	
	/* Hide the property type tag */
    .es-single__header-terms,
    /* Hide the full meta block */
    .es-listing__meta {
        display: none !important;
    }


    /* HAMBURGER ICON (open state) */
    .hfe-nav-menu-icon svg,
    .hfe-nav-menu-icon svg path {
        fill: #e6b25c !important;
        color: #e6b25c !important;
    }

    /* CLOSE ICON (when menu is open) */
    .hfe-dropdown .e-far-window-close,
    .hfe-dropdown .e-far-window-close path {
        fill: #e6b25c !important;
        color: #e6b25c !important;
    }

    /* DROPDOWN BACKGROUND */
    nav.hfe-dropdown {
        background: #404b5f !important;
    }

    /* MENU LIST BACKGROUND (sometimes separate) */
    nav.hfe-dropdown ul.hfe-nav-menu {
        background: #404b5f !important;
    }

    /* MENU LINKS */
    nav.hfe-dropdown ul.hfe-nav-menu a.hfe-menu-item {
        color: #111111 !important;
        padding: 14px 20px !important; /* improves tap targets */
        display: block;
    }

    /* HOVER STATE */
    nav.hfe-dropdown ul.hfe-nav-menu a.hfe-menu-item:hover {
        color: #c59236 !important;
    }

    /* ACTIVE / CURRENT PAGE */
    nav.hfe-dropdown ul.hfe-nav-menu li.current-menu-item > a,
    nav.hfe-dropdown ul.hfe-nav-menu li.current_page_item > a {
        color: #e6b25c !important;
    }
	
	/* Fix Estatik search box text + placeholder */
    .es-search input[type="text"] {
        color: #111111 !important;
    }

    .es-search input[type="text"]::placeholder {
        color: #aaaaaa !important;
    }
    
    /* Search button background (magnifying glass circle) */
    .es-search__submit,
    .es-search button[type="submit"],
    .es-search .es-btn--search,
    .es-search .es-btn {
        background: #e6b25c !important;   /* your brand orange */
        border-color: #e6b25c !important;
    }

    /* Keep the icon itself white */
    .es-search__submit svg,
    .es-search__submit svg path,
    .es-search button[type="submit"] svg,
    .es-search button[type="submit"] svg path {
        fill: #ffffff !important;
        color: #ffffff !important;
    }




}