/*
Theme Name:   WpResidence Child (Hero Real Estate)
Theme URI:    https://herorealestate.ae/
Description:  Child theme for WpResidence. Holds Hero Real Estate's custom changes so theme updates do not overwrite them.
Author:       Hero Real Estate
Template:     wpresidence
Version:      1.1.7
Text Domain:  wpresidence-child
*/

/* Hero design system — safe layer only (rolled back broad overrides on 2026-10-17 18:20).
   Rules here must not change layout or sizes site-wide; page-specific fixes go below their own heading. */

:root {
	--hre-gold: #FFD500;
	--hre-bg: #111111;
	--hre-line: rgba(255, 255, 255, 0.08);
	--hre-ease: cubic-bezier(.2, .7, .2, 1);
	/* Elementor global fonts point to Poppins, which is not loaded; use the loaded Montserrat instead */
	--e-global-typography-primary-font-family: "Montserrat";
	--e-global-typography-secondary-font-family: "Montserrat";
	--e-global-typography-text-font-family: "Montserrat";
	--e-global-typography-accent-font-family: "Montserrat";
}
::selection { background: var(--hre-gold); color: #111; }

/* =====================================================================
   Home — hero slider (carousel 28e5764): keep slide content below the header on tablet/mobile
   ===================================================================== */
@media (max-width: 1024px) {
	.elementor-element-28e5764 .swiper-slide > .e-con {
		padding-top: 120px !important;
		padding-bottom: 72px !important;
		height: auto !important;
		min-height: 620px;
		justify-content: center;
	}
}
@media (max-width: 767px) {
	.elementor-element-28e5764 .swiper-slide > .e-con { padding-top: 104px !important; padding-bottom: 64px !important; min-height: 100svh; }
	.elementor-element-28e5764 .swiper-slide img { max-height: 46px; width: auto; }
}

/* Home — testimonials carousel (f46de46): pagination dots wider than the phone screen */
@media (max-width: 767px) {
	.elementor-element-f46de46 .swiper-pagination { left: 0 !important; right: 0 !important; width: 100% !important; transform: none !important; display: flex; flex-wrap: wrap; justify-content: center; }
}

/* Off-plan properties page (43971): row of 5 image boxes (519a058b) was wider than the content area */
.elementor-element-519a058b { flex-wrap: wrap !important; }
.elementor-element-519a058b > .elementor-element { flex: 1 1 200px !important; min-width: 0; max-width: 100%; }

/* Pages wider than the screen: elements moved with Elementor "transform" pushed the page sideways.
   Clipping horizontal overflow at the page level stops the sideways scroll without changing layout. */
html, body { overflow-x: clip; }
/* Annual Awards 2023 (40906): breadcrumb shifted 110px right; keep it inside the screen on tablet/mobile */
@media (max-width: 1024px) {
	.elementor-40906 .elementor-element.elementor-element-4d654694 > .elementor-widget-container { --e-transform-translateX: 0px !important; }
}

/* Pages whose first section started under the floating header: add the missing top space per screen size (measured 2026-10-17) */
@media (min-width: 1025px) {
	.page-id-31296 .elementor-element.elementor-element-f3a9db3 { padding-top: 70px !important; }
	.page-id-38950 .elementor-element.elementor-element-3fbecd7b { padding-top: 7px !important; }
	.page-id-35978 .elementor-element.elementor-element-5d7f8aa { padding-top: 43px !important; }
	.page-id-26048 .elementor-element.elementor-element-ccd96e8 { padding-top: 85px !important; }
	.page-id-37906 .elementor-element.elementor-element-579d62cd { padding-top: 124px !important; }
	.page-id-36928 .elementor-element.elementor-element-29c7c7ff { padding-top: 23px !important; }
	.page-id-36209 .elementor-element.elementor-element-5d6ebcf0 { padding-top: 143px !important; }
	.page-id-34914 .elementor-element.elementor-element-f157b72 { padding-top: 87px !important; }
	.page-id-26588 .elementor-element.elementor-element-b09de3b { padding-top: 32px !important; }
	.page-id-36011 .elementor-element.elementor-element-670b919 { padding-top: 63px !important; }
	.page-id-40173 .elementor-element.elementor-element-61b3b17b { padding-top: 53px !important; }
	.page-id-50257 .elementor-element.elementor-element-642e8800 { padding-top: 99px !important; }
	.page-id-24763 .elementor-element.elementor-element-b6e668a { padding-top: 32px !important; }
	.page-id-28215 .elementor-element.elementor-element-0416f17 { padding-top: 44px !important; }
	.page-id-50270 .elementor-element.elementor-element-76dd5e54 { padding-top: 113px !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.page-id-38950 .elementor-element.elementor-element-3fbecd7b { padding-top: 21px !important; }
	.page-id-26048 .elementor-element.elementor-element-ccd96e8 { padding-top: 6px !important; }
	.page-id-37906 .elementor-element.elementor-element-579d62cd { padding-top: 144px !important; }
	.page-id-36209 .elementor-element.elementor-element-5d6ebcf0 { padding-top: 156px !important; }
	.page-id-34914 .elementor-element.elementor-element-f157b72 { padding-top: 107px !important; }
	.page-id-26588 .elementor-element.elementor-element-b09de3b { padding-top: 45px !important; }
	.page-id-36011 .elementor-element.elementor-element-670b919 { padding-top: 122px !important; }
	.page-id-40173 .elementor-element.elementor-element-61b3b17b { padding-top: 66px !important; }
	.page-id-50257 .elementor-element.elementor-element-642e8800 { padding-top: 73px !important; }
	.page-id-50270 .elementor-element.elementor-element-76dd5e54 { padding-top: 88px !important; }
}
@media (max-width: 767px) {
	.page-id-31296 .elementor-element.elementor-element-f3a9db3 { padding-top: 15px !important; }
	.page-id-38950 .elementor-element.elementor-element-3fbecd7b { padding-top: 118px !important; }
	.page-id-35978 .elementor-element.elementor-element-5d7f8aa { padding-top: 53px !important; }
	.page-id-26048 .elementor-element.elementor-element-ccd96e8 { padding-top: 107px !important; }
	.page-id-37906 .elementor-element.elementor-element-579d62cd { padding-top: 107px !important; }
	.page-id-36209 .elementor-element.elementor-element-5d6ebcf0 { padding-top: 107px !important; }
	.page-id-36353 .elementor-element.elementor-element-50c4ea28 { padding-top: 107px !important; }
	.page-id-34914 .elementor-element.elementor-element-f157b72 { padding-top: 107px !important; }
	.page-id-24255 .elementor-element.elementor-element-ac91dc7 { padding-top: 107px !important; }
	.page-id-26588 .elementor-element.elementor-element-b09de3b { padding-top: 11px !important; }
	.page-id-36011 .elementor-element.elementor-element-670b919 { padding-top: 46px !important; }
	.page-id-44696 .elementor-element.elementor-element-600c8515 { padding-top: 41px !important; }
	.page-id-38398 .elementor-element.elementor-element-76138b33 { padding-top: 61px !important; }
	.page-id-40173 .elementor-element.elementor-element-61b3b17b { padding-top: 178px !important; }
	.page-id-50257 .elementor-element.elementor-element-642e8800 { padding-top: 98px !important; }
	.page-id-24763 .elementor-element.elementor-element-b6e668a { padding-top: 41px !important; }
	.page-id-28215 .elementor-element.elementor-element-0416f17 { padding-top: 103px !important; }
	.page-id-50270 .elementor-element.elementor-element-76dd5e54 { padding-top: 98px !important; }
	.page-id-29883 .elementor-element.elementor-element-5a570c1 { padding-top: 107px !important; }
}

/* Tablet (768–1024): use the larger of the desktop and tablet measurement so every width in that range clears the header */
@media (min-width: 768px) and (max-width: 1024px) {
	.page-id-31296 .elementor-element.elementor-element-f3a9db3 { padding-top: 70px !important; }
	.page-id-38950 .elementor-element.elementor-element-3fbecd7b { padding-top: 21px !important; }
	.page-id-35978 .elementor-element.elementor-element-5d7f8aa { padding-top: 43px !important; }
	.page-id-26048 .elementor-element.elementor-element-ccd96e8 { padding-top: 85px !important; }
	.page-id-37906 .elementor-element.elementor-element-579d62cd { padding-top: 144px !important; }
	.page-id-36928 .elementor-element.elementor-element-29c7c7ff { padding-top: 23px !important; }
	.page-id-36209 .elementor-element.elementor-element-5d6ebcf0 { padding-top: 156px !important; }
	.page-id-34914 .elementor-element.elementor-element-f157b72 { padding-top: 107px !important; }
	.page-id-26588 .elementor-element.elementor-element-b09de3b { padding-top: 45px !important; }
	.page-id-36011 .elementor-element.elementor-element-670b919 { padding-top: 122px !important; }
	.page-id-40173 .elementor-element.elementor-element-61b3b17b { padding-top: 66px !important; }
	.page-id-50257 .elementor-element.elementor-element-642e8800 { padding-top: 99px !important; }
	.page-id-24763 .elementor-element.elementor-element-b6e668a { padding-top: 32px !important; }
	.page-id-28215 .elementor-element.elementor-element-0416f17 { padding-top: 44px !important; }
	.page-id-50270 .elementor-element.elementor-element-76dd5e54 { padding-top: 113px !important; }
}