/* Performance + Animation Patch
   يحافظ على التصميم العام ويقلل الضغط على الجوال والمتصفحات الضعيفة */

.preloader{transition:opacity .32s ease, visibility .32s ease}
.preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}

img{content-visibility:auto}
.community-card img,
.news-card img,
.project-card img,
.city-project-card img,
.about-media,
.hero-thumb,
.project-slide{will-change:auto}

.project-slide.active,
.hero-bg{will-change:transform, opacity}
.btn:hover,
.service-card:hover,
.news-card:hover,
.community-card:hover,
.project-card:hover,
.value-card:hover,
.feature-card:hover,
.job-card:hover,
.contact-card:hover{will-change:transform}

/* تقليل تكلفة الخلفيات الثابتة التي تسبب بطء على الموبايل */
@media (max-width: 900px){
  .lifestyle{background-attachment:scroll!important}
  .lifestyle:before,
  .lifestyle:after,
  .lifestyle .container:after,
  .hero-content:before,
  .hero-content:after{animation:none!important}
}

/* إلغاء الأنيميشن الثقيل لمن يفضل تقليل الحركة */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .hero-bg,
  .project-slide,
  .community-card img,
  .project-card img{
    transform:none!important;
  }
}

/* موبايل: نفس الشكل العام لكن حركة أخف وأداء أفضل */
@media (max-width: 760px){
  .project-slide{transition:opacity .45s ease, transform .45s ease!important;transform:none!important}
  .project-slide.active{transform:none!important}
  .hero-thumb:hover,
  .btn:hover,
  .service-card:hover,
  .news-card:hover,
  .community-card:hover,
  .project-card:hover{
    transform:none!important;
  }
  .community-card:hover img,
  .project-card:hover img,
  .about-media:hover img{transform:none!important}
  .premium-strip .track{animation-duration:42s!important}
  .floating-whatsapp:after{animation:none!important;display:none!important}
}

/* =========================================================
   RASOOKH REAL ESTATE — approved brand logo
   Header/footer only. No layout redesign.
   ========================================================= */
.header .logo{
  width:190px!important;
  height:58px!important;
  min-width:190px!important;
  display:block!important;
  flex:0 0 190px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/brand/rasookh-realestate-logo-transparent.png') right center/contain no-repeat!important;
  filter:brightness(0) invert(1);
}
.header .logo small{display:none!important}
.footer-grid>div:first-child>h3{
  width:190px;
  height:62px;
  margin:0 0 18px;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:url('/brand/rasookh-realestate-logo-transparent.png') right center/contain no-repeat;
  filter:brightness(0) invert(1);
}
@media(max-width:760px){
  .header .logo{
    width:150px!important;
    height:48px!important;
    min-width:150px!important;
    flex-basis:150px!important;
  }
  .footer-grid>div:first-child>h3{width:165px;height:54px}
}

/* RSO_HOME_INTEREST_COLORS_V1_START */

/*
 * Homepage interest form
 * COLORS ONLY — no spacing / sizing / layout changes.
 */

body.home-projects-type-top-page #interest .form-box{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.015),
        0 18px 55px rgba(0,0,0,.10)!important;
}

body.home-projects-type-top-page #interest .form-box input,
body.home-projects-type-top-page #interest .form-box select,
body.home-projects-type-top-page #interest .form-box textarea{
    background:rgba(255,255,255,.065)!important;
    color:#f7f8fa!important;
    border-color:rgba(255,255,255,.20)!important;
    caret-color:#c1a16b!important;
}

body.home-projects-type-top-page #interest .form-box input::placeholder,
body.home-projects-type-top-page #interest .form-box textarea::placeholder{
    color:rgba(255,255,255,.63)!important;
    opacity:1!important;
}

body.home-projects-type-top-page #interest .form-box input:hover,
body.home-projects-type-top-page #interest .form-box select:hover,
body.home-projects-type-top-page #interest .form-box textarea:hover{
    background:rgba(255,255,255,.075)!important;
    border-color:rgba(193,161,107,.48)!important;
}

body.home-projects-type-top-page #interest .form-box input:focus,
body.home-projects-type-top-page #interest .form-box select:focus,
body.home-projects-type-top-page #interest .form-box textarea:focus{
    background:rgba(255,255,255,.085)!important;
    border-color:#c1a16b!important;
    box-shadow:
        0 0 0 1px rgba(193,161,107,.22),
        0 0 24px rgba(193,161,107,.07)!important;
    outline:none!important;
}

/* Native select — dark palette */
body.home-projects-type-top-page #interest .form-box select{
    color-scheme:dark!important;
    color:#f7f8fa!important;
    accent-color:#c1a16b!important;
}

body.home-projects-type-top-page #interest .form-box select option{
    background:#172334!important;
    color:#f7f8fa!important;
}

body.home-projects-type-top-page #interest .form-box select option:checked{
    background:#b89862!important;
    color:#081522!important;
}

/* first placeholder option */
body.home-projects-type-top-page #interest .form-box select option:first-child{
    color:#b8bdc5!important;
}

/* Button — color refinement only */
body.home-projects-type-top-page #interest .form-box .btn.gold,
body.home-projects-type-top-page #interest .form-box button{
    background:#b89862!important;
    border-color:#b89862!important;
    color:#081522!important;
}

body.home-projects-type-top-page #interest .form-box .btn.gold:hover,
body.home-projects-type-top-page #interest .form-box button:hover{
    background:#c4a66f!important;
    border-color:#c4a66f!important;
    color:#081522!important;
}

/* Success / error feedback colors only */
body.home-projects-type-top-page #interest .form-alert.success{
    color:#a9d8bd!important;
}

body.home-projects-type-top-page #interest .form-alert.error{
    color:#efaaaa!important;
}

/* RSO_HOME_INTEREST_COLORS_V1_END */