/* =========================================================
   HERO SLIDER: prevent "3 slides flash" on first load
   Works with Slick / Tiny Slider / any init
   ========================================================= */
.hero-slider:not(.is-ready) .as_banner_detail{
  display:none !important;
}
.hero-slider:not(.is-ready) .as_banner_detail:first-child{
  display:block !important;
}

/* smooth reveal after ready */
.hero-slider{
  opacity:1;
  transition:opacity .2s ease;
}
.hero-slider.is-ready{
  opacity:1;
}


/* =========================================================
   Header social icons & CTA — force white color
   ========================================================= */

.top-right-area .social-icon{
  color:#ffffff !important;
}

.top-right-area .social-icon svg{
  fill:currentColor !important;
}

/* Optional hover polish */
.top-right-area .social-icon:hover{
  opacity:0.85;
}

/* Book appointment button text */
.top-right-area .book-btn{
  color:#ffffff !important;
}