/* NEOM Clinic — locked approved homepage reference fixes */

/* The approved reference shows Hair at the far left and Bariatric at the far right. */
.ref-service-grid{direction:ltr!important}
.ref-service-card{direction:rtl!important}

/* Keep the footer in the exact visual order of the approved reference:
   brand on the left, then quick links, services, contact on the right. */
body.home .site-footer .footer-grid{direction:ltr!important}
body.home .site-footer .footer-grid>div{direction:rtl!important;text-align:right}
body.home .site-footer .footer-brand{text-align:left!important}
body.home .site-footer .footer-brand p{text-align:right!important}

/* Reference-style line icons. */
.ref-icon svg,.ref-step-icon svg,.ref-why-grid article>span svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.ref-icon{color:#0b5961!important}

/* Timeline: icon in the circle, small number below it, then title/copy. */
.ref-step-icon{color:#0b5961!important}
.ref-step-number{display:block;margin:-8px auto 5px;color:#0b5961;font-size:.62rem;font-weight:800;line-height:1}
.ref-journey-grid li{display:block}

/* Why-us icons use the same thin medical line language as the reference. */
.ref-why-grid article>span{color:#0b5961!important}

/* The approved homepage reference does not show a floating WhatsApp bubble. */
body.home .floating-whatsapp{display:none!important}

/* Preserve the approved hero composition without scaling/cropping tricks. */
body.home .ref-hero__media img{transform:none!important;transition:none!important}
body.home .ref-service-card__image img{transform:none!important;transition:none!important}

@media(max-width:900px){
  body.home .site-footer .footer-brand{text-align:right!important}
}

@media(max-width:560px){
  .ref-step-number{margin-top:-7px}
}