/* Mere Nanhe Kadam - interactivity + vibrant theme */
:root{--mnk-sky:#1FA9E0;--mnk-green:#7AB82A;--mnk-pink:#E5118C;--mnk-yellow:#FFC83D;--mnk-navy:#1E2A5E}
[data-elementor-type="wp-page"]{overflow-x:clip}

/* Reveal */
.mnk-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.mnk-reveal.mnk-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.mnk-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* VIBRANT section backgrounds + blobs */
[data-elementor-type="wp-page"]>.e-con{position:relative}
[data-elementor-type="wp-page"]>.e-con>.e-con-inner,[data-elementor-type="wp-page"]>.e-con>.e-con{position:relative;z-index:2}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(4n+1){background:linear-gradient(165deg,#E8F7FF 0%,#FFFFFF 62%)!important}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(4n+2){background:linear-gradient(165deg,#FFF0F8 0%,#FFFFFF 62%)!important}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(4n+3){background:linear-gradient(165deg,#F1FCDE 0%,#FFFFFF 62%)!important}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(4n){background:linear-gradient(165deg,#FFF6E1 0%,#FFFFFF 62%)!important}
[data-elementor-type="wp-page"]>.e-con::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;opacity:.16;top:-130px;right:-110px;background:radial-gradient(circle,var(--mnk-sky),transparent 70%);pointer-events:none;z-index:0}
[data-elementor-type="wp-page"]>.e-con::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;opacity:.15;bottom:-120px;left:-90px;background:radial-gradient(circle,var(--mnk-pink),transparent 70%);pointer-events:none;z-index:0}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(2n)::before{background:radial-gradient(circle,var(--mnk-yellow),transparent 70%)}
[data-elementor-type="wp-page"]>.e-con:nth-of-type(2n)::after{background:radial-gradient(circle,var(--mnk-green),transparent 70%)}

/* Vibrant gradient section titles */
.mnk-reveal h2.elementor-heading-title{background:linear-gradient(95deg,var(--mnk-sky),var(--mnk-pink) 60%,var(--mnk-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--mnk-pink)}

/* Cards: hover lift + colorful top accent + image zoom */
.mnk-card{position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.mnk-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--mnk-sky),var(--mnk-green),var(--mnk-yellow),var(--mnk-pink));opacity:0;transform:scaleX(.2);transform-origin:left;transition:opacity .35s ease,transform .45s ease;z-index:3}
.mnk-card:hover{transform:translateY(-8px)!important;box-shadow:0 26px 54px rgba(44,74,91,.2)!important;border-color:#D2EFFB!important}
.mnk-card:hover::before{opacity:1;transform:scaleX(1)}
.mnk-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.mnk-card:hover img{transform:scale(1.06)}

/* Buttons */
.elementor-button,.elementor-widget-xpro-button a,.elementor-widget-button a{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.elementor-button:hover,.elementor-widget-xpro-button a:hover,.elementor-widget-button a:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 30px rgba(229,17,140,.3)!important;filter:saturate(1.12)}

/* FAQ accordion */
.mnk-faq{cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}
.mnk-faq:hover{border-color:var(--mnk-sky)!important;box-shadow:0 14px 30px rgba(31,169,224,.16)!important}
.mnk-faq .mnk-faq-q{position:relative;padding-right:40px!important}
.mnk-faq .mnk-faq-q:after{content:'+';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:'Baloo 2',sans-serif;font-weight:700;color:var(--mnk-pink);font-size:28px;line-height:1;transition:transform .3s ease,color .3s ease}
.mnk-faq.mnk-open .mnk-faq-q:after{content:'\2212';color:var(--mnk-sky)}
.mnk-faq .mnk-faq-a{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .35s ease,margin-top .35s ease}
.mnk-faq.mnk-open .mnk-faq-a{max-height:360px;opacity:1;margin-top:6px}

/* Sticky header */
.mnk-sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:999;transition:box-shadow .3s ease,padding .3s ease}
.mnk-sticky-header.mnk-stuck{box-shadow:0 10px 34px rgba(44,74,91,.16)}
.mnk-sticky-header.mnk-stuck .e-con-inner{padding-top:5px;padding-bottom:5px}

/* Footprint trail */
.mnk-trail{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.mnk-foot{position:absolute;width:28px;height:35px;opacity:.16;animation:mnkFootIn .8s ease both}
.mnk-foot svg{width:100%;height:100%;display:block}
@keyframes mnkFootIn{from{opacity:0;transform:scale(.4)}to{opacity:.16}}

/* Hero logo float */
.mnk-hero-logo img{animation:mnkFloat 5s ease-in-out infinite}
@keyframes mnkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.mnk-count{font-variant-numeric:tabular-nums}

/* Header nav pills - match HTML build */
.xpro-theme-builder-header-nav ul li>a,.elementor-widget-xpro-horizontal-menu ul li>a{font-family:'Baloo 2',sans-serif;font-weight:600!important;padding:9px 18px!important;border-radius:999px!important;transition:background .2s ease,color .2s ease!important}
.xpro-theme-builder-header-nav ul li>a:hover,.elementor-widget-xpro-horizontal-menu ul li>a:hover{background:#FBD6EC!important;color:#E5118C!important}
.xpro-theme-builder-header-nav li.current-menu-item>a,.xpro-theme-builder-header-nav li.current_page_item>a,.xpro-theme-builder-header-nav li.active>a,.elementor-widget-xpro-horizontal-menu li.current-menu-item>a,.elementor-widget-xpro-horizontal-menu li.active>a{background:#1E2A5E!important;color:#ffffff!important}
/* Header should not get page section gradients */
.elementor-location-header,.xpro-theme-builder-header-nav{background:transparent}
/* Hero disc never behaves like a card */
.mnk-hero-disc::before{display:none!important}

/* ===== Alignment & layout parity with HTML build ===== */
/* Equal-height cards in every row */
.mnk-card{height:100%}
/* Uniform image crops inside cards (HTML uses 4:3 cover) */
.mnk-card .elementor-widget-image{width:100%}
.mnk-card .elementor-widget-image img{width:100%!important;aspect-ratio:4/3;object-fit:cover;display:block}
/* Gallery images = uniform squares */
.mnk-gal img{width:100%!important;aspect-ratio:1/1;object-fit:cover;display:block}
/* Centered section intros (direct heading/text children of a boxed inner) */
[data-elementor-type="wp-page"] .e-con-boxed>.e-con-inner>.elementor-widget-heading .elementor-heading-title{text-align:center}
[data-elementor-type="wp-page"] .e-con-boxed>.e-con-inner>.elementor-widget-text-editor{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}
/* Wrapped centered intros (founder / day care headers) */
.mnk-introcenter{align-items:center}
.mnk-introcenter .elementor-heading-title{text-align:center}
.mnk-introcenter .elementor-widget-text-editor{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}
/* Keep card body text left-aligned (HTML cards are left) */
.mnk-card .elementor-heading-title,.mnk-card .elementor-widget-text-editor{text-align:left;max-width:none;margin-left:0;margin-right:0}
/* Hero stays left-aligned regardless */
.mnk-hero-disc{align-items:center}
