/* Sradha Women Care - motion layer.
   Every effect is opt-out via prefers-reduced-motion or body.swc-motion-off. */

/* ---------- page transition ---------- */
.swc-pagein{opacity:0;transform:translateY(14px)}
.swc-pagein.is-in{opacity:1;transform:none;transition:opacity .55s ease-out,transform .55s ease-out}

/* ---------- scroll reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(16px)}
[data-reveal].is-revealed{opacity:1;transform:none;transition:opacity .6s ease-out,transform .6s ease-out}

/* ---------- photo settle (Ken Burns) ---------- */
.swc-settle{overflow:hidden}
.swc-settle img,.swc-settle .elementor-widget-image img{transform:scale(1.06);transition:transform 1.4s ease-out}
.swc-settle.is-settled img,.swc-settle.is-settled .elementor-widget-image img{transform:scale(1)}

/* ================= HOME HERO ================= */

/* eyebrow as a white chip */
.swc-chip .elementor-heading-title{
  display:inline-block;background:#fff;border:1px solid #e4e4f0;
  border-radius:999px;padding:8px 16px;
}

/* "For Women" in magenta italic */
.swc-hero__title .swc-h1-alt{
  display:block;color:#c60c76;font-style:italic;font-weight:600;
}

/* hero column rhythm */
#swc-hero-copy > .elementor-widget{margin-bottom:0}
#swc-hero-copy .elementor-widget-heading + .elementor-widget-heading{margin-top:14px}
#swc-hero-copy .swc-measure{margin-top:16px}
.swc-hero__cta{margin-top:20px}
#swc-hero-copy .elementor-widget-icon-list{margin-top:16px}

/* hero tick list runs two-up like the design */
#swc-hero-copy .elementor-icon-list-items{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
  gap:8px 20px;
}
#swc-hero-copy .elementor-icon-list-item{font-size:14px;font-weight:600}

.swc-hero__rule{height:1px;background:#dcdce4;margin:22px 0 18px}

/* icon rows under the rule */
.swc-inforow{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.swc-inforow__ico{color:#c60c76;flex:none;margin-top:2px;display:inline-flex}
.swc-inforow strong{color:#1e2c6b;font-weight:700}
.swc-inforow span{color:#5c5c6b}
.swc-inforow a{color:#1f8a5b;font-weight:600;text-decoration:none}

/* photo composite: badge, plate, magenta edge bar, navy offset frame */
#swc-hero-media{position:relative;padding:0 18px 18px 0}
#swc-hero-media::after{
  content:"";position:absolute;right:0;bottom:0;width:70%;height:72%;
  border-radius:16px;box-shadow:inset 0 0 0 2px #2b3e8c;z-index:0;pointer-events:none;
}
#swc-hero-media::before{
  content:"";position:absolute;left:-6px;top:26px;width:6px;height:120px;
  border-radius:3px;background:#c60c76;z-index:3;pointer-events:none;
}
#swc-hero-media .swc-hero__img{position:relative;z-index:1}
#swc-hero-media .swc-hero__img img{border-radius:16px}

.elementor-widget.swc-badge-w{position:absolute;left:16px;top:16px;z-index:4;width:auto}
.elementor-widget.swc-plate-w{position:absolute;left:0;right:18px;bottom:18px;z-index:4;width:auto}
.swc-hero__badge{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  background:#fff;border-radius:999px;padding:8px 14px;
  font-family:"Public Sans",sans-serif;font-weight:700;font-size:13px;color:#1e2c6b;
  box-shadow:0 8px 22px rgba(27,27,34,.16);
}
.swc-hero__badge span{color:#c60c76}

.swc-hero__plate{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  background:#1e2c6b;color:#fff;border-radius:0 0 16px 16px;padding:14px 18px;
}
.swc-hero__plate strong{font-family:"Poppins",sans-serif;font-weight:700;font-size:17px}
.swc-hero__plate span{color:#ff5cb1;font-size:12.5px;font-weight:600}

@media (max-width:1240px){
  #swc-hero-media{padding:0}
  #swc-hero-media::after,#swc-hero-media::before{display:none}
  .elementor-widget.swc-plate-w{right:0}
  .swc-hero__cta .elementor-button{width:100%}
}

/* ---------- magenta middot bullet list ---------- */
.swc-dotlist ul.swc-dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.swc-dotlist ul.swc-dots li{position:relative;padding-left:22px;font-size:15px;line-height:1.6;color:#42424f}
.swc-dotlist ul.swc-dots li::before{
  content:"\00B7";position:absolute;left:4px;top:-2px;
  color:#c60c76;font-weight:800;font-size:22px;line-height:1;
}
.swc-dotlist ul.swc-dots li strong{color:#1e2c6b}

/* ---------- gallery caption ---------- */
.swc-figcaption p{margin:0;font-size:14px;line-height:1.55;color:#5c5c6b}
.swc-figcaption strong{color:#1e2c6b}

/* ---------- measure (prototype caps body copy) ---------- */
.swc-measure p{max-width:62ch;text-wrap:pretty}
.swc-measure--lead p{max-width:52ch}

/* ---------- aspect-ratio image boxes ---------- */
.swc-ar{position:relative;overflow:hidden;border-radius:16px;background:#e8e6ef}
.swc-ar img{width:100%;height:100%;object-fit:cover;display:block}
.swc-ar--hero{aspect-ratio:834/920;max-height:620px;min-height:clamp(300px,62vw,420px)}
.swc-ar--intro{aspect-ratio:5/4}
.swc-ar--section{aspect-ratio:4/3}
.swc-ar--card{aspect-ratio:476/259}
.swc-ar--gallery{aspect-ratio:4/3}

/* ---------- hero parallax ---------- */
.swc-parallax{will-change:transform}

/* ---------- card image hover ---------- */
.swc-cardimg{overflow:hidden;border-radius:16px}
.swc-cardimg img{transition:transform .45s ease}
.swc-card:hover .swc-cardimg img,.swc-cardimg:hover img{transform:scale(1.04)}

/* ---------- button press ---------- */
.elementor-button,.swc-btn{
  transition:transform .12s ease,box-shadow .2s ease,background .2s ease;
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;
}
.elementor-button:active,.swc-btn:active{transform:scale(.97)}

/* ---------- header shadow on scroll ---------- */
.ehf-header,header#masthead,.elementor-location-header{transition:box-shadow .25s ease}
.ehf-header.swc-scrolled,header#masthead.swc-scrolled,.elementor-location-header.swc-scrolled{box-shadow:0 2px 14px rgba(27,27,34,.10)}

/* ---------- reviews marquee ---------- */
.swc-marquee{overflow:hidden;position:relative}
.swc-marquee__track{display:flex;gap:20px;width:max-content;animation:swc-scroll 42s linear infinite}
.swc-marquee:hover .swc-marquee__track,.swc-marquee.is-paused .swc-marquee__track{animation-play-state:paused}
@keyframes swc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- review cards inside the marquee ---------- */
.swc-rev{
  flex:0 0 320px;margin:0;padding:20px 22px;
  background:#fcfcff;border:1px solid #dcdce4;border-radius:14px;
  display:flex;flex-direction:column;gap:9px;
}
.swc-rev__stars{color:#FBBC05;font-size:14px;letter-spacing:2px}
.swc-rev blockquote{
  margin:0;font-family:"Public Sans",sans-serif;font-size:15px;line-height:1.6;color:#42424f;
}
.swc-rev figcaption{font-size:13px;color:#5c5c6b}
.swc-rev figcaption strong{color:#1e2c6b}
@media (max-width:640px){.swc-rev{flex-basis:80vw}}

/* ---------- accordion ---------- */
.swc-acc__panel{overflow:hidden;height:0;transition:height .3s ease}
.swc-acc__trigger{min-height:44px;width:100%;text-align:left;cursor:pointer}

/* Elementor's own accordion: keep every row a >=44px tap target */
.elementor-accordion .elementor-tab-title{
  min-height:44px;display:flex;align-items:center;gap:10px;
}
.elementor-accordion .elementor-tab-title a{flex:1 1 auto}

/* ---------- dropdown ---------- */
.swc-dd__menu{opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.swc-dd:hover .swc-dd__menu,.swc-dd:focus-within .swc-dd__menu{opacity:1;visibility:visible;transform:none}
.swc-dd__item{transition:background .18s ease,transform .18s ease}
.swc-dd__item:hover{background:#f4f2f8;transform:translateX(6px)}

/* ---------- counters ---------- */
.swc-count{font-variant-numeric:tabular-nums}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .swc-pagein,[data-reveal],.swc-settle img,.swc-parallax,.swc-cardimg img,
  .swc-marquee__track,.swc-acc__panel,.swc-dd__menu,.elementor-button,.swc-btn{
    transition:none!important;animation:none!important;transform:none!important;opacity:1!important
  }
  .swc-acc__panel{height:auto}
}
body.swc-motion-off .swc-pagein,
body.swc-motion-off [data-reveal],
body.swc-motion-off .swc-settle img,
body.swc-motion-off .swc-parallax,
body.swc-motion-off .swc-marquee__track{
  transition:none!important;animation:none!important;transform:none!important;opacity:1!important
}