/* Sradha Women Care - design-parity motion & micro-interactions (presentation layer).
   Keyframes ported verbatim from the design file. Content stays native Elementor. */

@keyframes swcRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes swcSlowZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes swcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes swcFloatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes swcFloatTilt{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-1.2deg)}}
@keyframes swcPulseDot{0%,100%{box-shadow:0 0 0 0 rgba(57,217,138,.55)}70%{box-shadow:0 0 0 7px rgba(57,217,138,0)}}
@keyframes swcFadein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* scroll progress bar (design: fixed 3px magenta, scaleX by scroll) */
#swc-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#c60c76;transform-origin:0 50%;transform:scaleX(0);z-index:600;pointer-events:none}

@media (prefers-reduced-motion: no-preference){
/* page entrance (design: every route wrapper fadein .55s) */
[data-elementor-type="wp-page"]{animation:swcFadein .55s cubic-bezier(.2,.7,.3,1) both}
/* ---- HOME HERO entrance choreography (design: rise .7-.8s staggered) ---- */
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *{animation:swcRise .7s cubic-bezier(.2,.7,.3,1) both}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(1){animation:swcRise .7s cubic-bezier(.2,.7,.3,1) both,swcFloatSlow 6s ease-in-out 1s infinite}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(2){animation-delay:.08s}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(3){animation-delay:.14s}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(4){animation-delay:.2s}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(5){animation-delay:.26s}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:first-child > *:nth-child(6){animation-delay:.32s}
.elementor-38 > .e-con:first-child .e-con-inner > .e-con:last-child{animation:swcRise .8s cubic-bezier(.2,.7,.3,1) .1s both}
/* hero photo settles from a slight zoom (design slowZoom 1.4s) */
.elementor-38 img[src*="doctor-hero"]{animation:swcSlowZoom 1.4s cubic-bezier(.2,.7,.3,1) both}
/* floating decorations: rating badge tilts, navy frame + magenta bar drift */
.elementor-38 .e-con:has(> .elementor-widget-image img[src*="doctor-hero"]) > .e-con:nth-child(2){animation:swcFloatTilt 5.5s ease-in-out infinite}
.elementor-38 .e-con:has(> .e-con > .elementor-widget-image img[src*="doctor-hero"])::after{animation:swcFloatSlow 7.5s ease-in-out infinite}
.elementor-38 .e-con:has(> .e-con > .elementor-widget-image img[src*="doctor-hero"])::before{animation:swcFloat 6.5s ease-in-out infinite}
/* top-bar status dot pulses */
.elementor-33 > .e-con:first-child .elementor-widget-text-editor span{animation:swcPulseDot 2.6s ease-out infinite;border-radius:50%}
}

/* ---- hover micro-interactions (design easing cubic-bezier(.2,.7,.3,1)) ---- */
.elementor-button{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,background .2s ease}
.elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(198,12,118,.34)}
a.e-con{transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .25s ease}
a.e-con:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(30,44,107,.1);border-color:#c60c76!important}
a.e-con img{transition:transform .8s cubic-bezier(.2,.7,.3,1)}
a.e-con:hover img{transform:scale(1.06)}
/* gallery images zoom (our-clinic; design: .8s scale 1.06, magenta border) */
.page-id-72 .elementor-widget-image{overflow:hidden;border-radius:14px;transition:border-color .25s ease}
.page-id-72 .elementor-widget-image img{transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.page-id-72 .elementor-widget-image:hover img{transform:scale(1.06)}
/* mobile drawer opens like design openPanel */
@media(max-width:1240px){
.elementor-33 .elementor-widget-navigation-menu ul.hfe-nav-menu{transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.elementor-33 .elementor-widget-navigation-menu nav.menu-is-active ul.hfe-nav-menu{transform:translateY(0)}
}
/* footer link hovers */
.elementor-34 .elementor-icon-list-item a{transition:color .2s ease}
.elementor-34 .elementor-icon-list-item a:hover{color:#fff!important}
/* desktop dropdown item hover slide (design: bg + padding-left push) */
@media(min-width:1241px){
.elementor-33 ul.sub-menu a{transition:background .2s ease,padding-left .22s ease}
.elementor-33 ul.sub-menu a:hover{background:#f4f2f8;padding-left:26px}
}
/* header shadow deepens after scroll (JS toggles .swc-scrolled) */
.elementor-33 > .e-con:nth-child(2){transition:box-shadow .3s ease}
.elementor-33 > .e-con:nth-child(2).swc-scrolled{box-shadow:0 1px 0 rgba(198,12,118,.35),0 10px 30px rgba(30,44,107,.10)!important}

/* ---- design focus style ---- */
:focus-visible{outline:3px solid #c60c76;outline-offset:3px;border-radius:6px}

/* ---- fluid side gutters like the design: clamp(20px,4vw,52px) at >=768 ---- */
@media(min-width:768px){
[data-elementor-type="wp-page"] > .e-con{padding-left:clamp(20px,4vw,52px)!important;padding-right:clamp(20px,4vw,52px)!important}
}