/* Theme Name: Homeid Child Theme Theme URI: https://homeid.g5plus.net/ Author: G5 Theme Author URI: https://themeforest.net/user/g5theme Description: Child theme for Homeid Theme Version: 1.0.4 Template: homeid Text Domain: homeid-child */ /* ====================================== Page Loading Animation ====================================== */ .rp-page-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #1a1a2e; z-index: 99999; display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease, visibility 0.5s ease; } .rp-page-loader.rp-loaded { opacity: 0; visibility: hidden; pointer-events: none; } .rp-loader-inner { text-align: center; } .rp-loader-spinner { width: 48px; height: 48px; border: 3px solid rgba(196, 164, 105, 0.2); border-top-color: #c4a469; border-radius: 50%; animation: rp-spin 0.8s linear infinite; margin: 0 auto 16px; } .rp-loader-text { color: #c4a469; font-family: inherit; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.8; } @keyframes rp-spin { to { transform: rotate(360deg); } } body.rp-loading { overflow: hidden; } /* Hero banner shimmer effect */ .rp-hero-shimmer { position: relative; overflow: hidden; } .rp-hero-shimmer::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent); animation: rp-shimmer 1.5s ease-in-out infinite; z-index: 1; pointer-events: none; } @keyframes rp-shimmer { 0% { left: -100%; } 100% { left: 100%; } } /* ====================================== Arabic RTL overrides dir="rtl" stays on for proper Elementor layout. These rules handle specific component RTL fixes. ====================================== */ /* G5 ERE search form */ html[lang="ar"] .home-txt .g5ere__sf-advanced-button a.btn::before { content: "\062A\0635\0641\064A\0629" !important; } /* RTL layout fixes for shortcode sections */ html[lang="ar"] .feat-box-sec ul, html[lang="ar"] .amenition-sec ul, html[lang="ar"] .unit-sec-box ul { direction: rtl; } html[lang="ar"] .property-price { direction: rtl; unicode-bidi: bidi-override; } /* RTL fix for search form */ html[lang="ar"] .g5ere-property-search-form { direction: rtl; } html[lang="ar"] .g5ere-property-search-form input, html[lang="ar"] .g5ere-property-search-form select { text-align: right; } /* RTL fix for property cards */ html[lang="ar"] .g5ere__loop-property-content { direction: rtl; text-align: right; } /* RTL fix for city location cards */ html[lang="ar"] .g5ere__property-location-content { direction: rtl; text-align: right; } /* ====================================== Slick Carousel RTL Fix Override Slick's [dir="rtl"] CSS rules that conflict with G5's rtl:false default. dir="rtl" stays on for Elementor layout, but carousels forced to LTR. ====================================== */ /* Override Slick's built-in RTL rules */ [dir="rtl"] .slick-slide { float: left !important; visibility: visible !important; } [dir="rtl"] .slick-track, [dir="rtl"] .slick-list { direction: ltr !important; } /* Carousel wrappers: force LTR */ html[lang="ar"] .slick-initialized, html[lang="ar"] .slick-slider, html[lang="ar"] .g5ere__listing-inner, html[lang="ar"] .g5ere__properties-wrap, html[lang="ar"] .g5ere__location-wrap { direction: ltr !important; } /* Keep card content RTL inside LTR carousel */ html[lang="ar"] .g5ere__property-item, html[lang="ar"] .g5ere__property-location-item { direction: rtl; text-align: right; } /* Ensure Slick list clips correctly */ html[lang="ar"] .slick-list { overflow: hidden; } /* ====================================== Popup Form – Select Dropdown Fix Make the