/*
Theme Name: Wellness Center
Description: Custom theme for the Medical & Emotional Wellness Center — 1:1 port of the original design.
Author: Belgun Essential
Version: 1.0.0
Text Domain: wellness-center
*/

/* ── Base ───────────────────────────────────────────────────────── */
html,body{margin:0;padding:0;background:#F0EDE6;color:#1B3B3A;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}
a{color:#2F5D50;text-decoration:none}a:hover{color:#1B3B3A}
h1,h2,h3{text-wrap:pretty;margin:0}p{text-wrap:pretty}
.site-wrap{min-height:100vh;background:#F0EDE6;overflow-x:clip}

/* ── Keyframes ──────────────────────────────────────────────────── */
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes blobA{0%,100%{border-radius:58% 42% 55% 45%/48% 60% 40% 52%;transform:translate(0,0) rotate(0)}50%{border-radius:42% 58% 40% 60%/58% 42% 58% 42%;transform:translate(2%,-3%) rotate(6deg)}}
@keyframes blobB{0%,100%{border-radius:45% 55% 60% 40%/55% 45% 55% 45%;transform:translate(0,0)}50%{border-radius:60% 40% 45% 55%/40% 60% 40% 60%;transform:translate(-2%,2%)}}
@keyframes photoBlob{0%,100%{border-radius:46% 54% 52% 48%/54% 46% 54% 46%}50%{border-radius:54% 46% 46% 54%/46% 56% 44% 54%}}
@keyframes drift{0%{transform:translateY(0);opacity:0}15%{opacity:.75}85%{opacity:.5}100%{transform:translateY(-140px) translateX(22px);opacity:0}}
@keyframes kenburns{0%{transform:scale(1)}100%{transform:scale(1.04)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes waveX{0%,100%{transform:translateX(0)}50%{transform:translateX(-3%)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top;opacity:0}30%{opacity:1}70%{transform:scaleY(1);transform-origin:top}71%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom;opacity:0}}
@keyframes tagPulse{0%,100%{box-shadow:0 0 0 0 rgba(190,169,127,.5)}60%{box-shadow:0 0 0 8px rgba(190,169,127,0)}}
@keyframes hdrFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(190,169,127,.6)}70%{box-shadow:0 0 0 12px rgba(190,169,127,0)}100%{box-shadow:0 0 0 0 rgba(190,169,127,0)}}

/* ── Motion / reveal system ─────────────────────────────────────── */
[data-marquee]:hover [data-track]{animation-play-state:paused}
[data-arrow] svg{transition:transform .5s cubic-bezier(.2,.6,.2,1)}[data-arrow]:hover svg{transform:translateX(4px)}
[data-ext] svg{transition:transform .5s cubic-bezier(.2,.6,.2,1)}[data-ext]:hover svg{transform:translate(2px,-2px)}
html[data-js] [data-line]{width:0;transition:width 1s cubic-bezier(.2,.6,.2,1) .35s}html[data-js] [data-reveal][data-in] [data-line],html[data-js] [data-in] [data-line]{width:28px}
[data-row] [data-date]{transition:transform .7s cubic-bezier(.2,.6,.2,1)}[data-row]:hover [data-date]{transform:rotate(-3deg) scale(1.05)}
[data-photo] img{transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}[data-photo]:hover img{transform:scale(1.04)}
[data-card] [data-bar]{transform:scaleX(.22);transform-origin:left;transition:transform .8s cubic-bezier(.2,.6,.2,1)}[data-card]:hover [data-bar]{transform:scaleX(1)}
[data-card] [data-more]{transition:gap .4s ease}[data-card]:hover [data-more]{gap:14px}
[data-lift]{transition:transform .5s cubic-bezier(.2,.6,.2,1),box-shadow .5s ease,background .4s ease,border-color .4s ease,color .4s ease}[data-lift]:hover{transform:translateY(-3px)}
[data-press]:active{transform:scale(.97)!important;transition-duration:.15s}
html[data-js] [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}
html[data-js] [data-reveal="2"]{transition-delay:.12s}html[data-js] [data-reveal="3"]{transition-delay:.24s}html[data-js] [data-reveal="4"]{transition-delay:.36s}
html[data-js] [data-reveal="img"]{transform:scale(1.05);transition-duration:1.2s}
html[data-js] [data-reveal][data-in]{opacity:1;transform:none}
html[data-js] [data-draw] path{stroke-dasharray:1;stroke-dashoffset:1}
html[data-js] [data-draw][data-in] path{animation:draw 1.8s cubic-bezier(.4,0,.2,1) forwards}
[data-card] [data-shape]{transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}
[data-card]:hover [data-shape]{transform:scale(1.7)}
[data-card] [data-icon]{transition:transform .7s cubic-bezier(.2,.6,.2,1)}
[data-card]:hover [data-icon]{transform:translateY(-3px) rotate(-4deg)}
[data-motion="off"] *{animation:none!important}

/* ── Hover utilities (ports of the design runtime's style-hover) ── */
.hov-pill:hover{background:rgba(143,179,163,.18)}
.hov-lake:hover{background:rgba(118,159,165,.18)}
.hov-sage:hover{background:rgba(140,157,122,.18)}
.hov-sand:hover{background:rgba(190,169,127,.2)}
.hov-forest:hover{background:rgba(47,93,80,.12)}
.btn-dark{transition:all .4s ease}.btn-dark:hover{background:#1B3B3A!important;color:#fff!important}
.btn-dark-lift:hover{background:#1B3B3A!important;color:#fff!important;transform:translateY(-2px)}
.btn-ink:hover{background:#2F5D50!important;color:#fff!important}
.btn-light:hover{background:#fff!important;color:#1B3B3A!important}
.btn-ghost-light:hover{background:rgba(240,237,230,.14)!important;color:#fff!important;border-color:#fff!important}
.btn-ghost-light2:hover{background:rgba(240,237,230,.12)!important;color:#fff!important;border-color:#fff!important}
.btn-outline-green:hover{background:#2F5D50!important;color:#F0EDE6!important}
.btn-fb:hover{border-color:#1B3B3A!important;background:rgba(27,59,58,.06)}
.card-row:hover{transform:translateY(-5px) translateX(4px);box-shadow:0 22px 46px rgba(27,59,58,.12);border-color:var(--accent)!important}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(27,59,58,.2)!important}
.lift-card:hover{background:#FBF9F4!important;box-shadow:0 14px 30px rgba(27,59,58,.1);border-color:rgba(190,169,127,.5)!important}
.lift-ev:hover{background:#FBF9F4!important;border-color:var(--accent)!important;box-shadow:0 12px 28px rgba(27,59,58,.1)}
.link-gold:hover{color:#D9C99A!important}
.link-gold-b:hover{color:#fff!important;border-color:#fff!important}
.pill-ghost:hover{background:rgba(240,237,230,.1);color:#fff!important;border-color:rgba(240,237,230,.4)!important;transform:translateY(-2px)}
.ig-badge:hover{background:#1B3B3A!important;color:#fff!important}
.hero-card-btn:hover{background:#FBF9F4!important;transform:translateY(-2px)}
.modal-x:hover{background:rgba(47,93,80,.16)!important}
.totop:hover{background:#2F5D50!important;color:#F0EDE6!important}

/* ── Header ─────────────────────────────────────────────────────── */
#hdr{position:fixed;top:0;left:0;right:0;z-index:50;font-family:Inter,system-ui,sans-serif;background:rgba(240,237,230,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(47,93,80,.12);transition:background .5s,border-color .5s}
#hdr [data-ink]{color:#1B3B3A;transition:color .4s}
#hdr [data-brand]{color:#2F5D50;transition:color .4s}#hdr [data-sub]{color:#6B7F79;transition:color .4s}
#hdr [data-outline]{border-color:#2F5D50;color:#2F5D50;transition:color .4s,border-color .4s,background .4s}
#hdr [data-logo]{transition:opacity .5s,transform .5s}
#hdr [data-logo] img{transition:transform .8s cubic-bezier(.2,.6,.2,1)}#hdr [data-logo]:hover img{transform:rotate(8deg) scale(1.06)}
#hdr nav a[data-ink],#hdr nav button[data-ink]{position:relative}
#hdr nav a[data-ink]::after,#hdr nav button[data-ink]::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.6,.2,1)}
#hdr nav a[data-ink]:hover::after,#hdr nav button[data-ink]:hover::after,#hdr nav [data-active="true"]::after{transform:scaleX(1);transform-origin:left}
#hdr [data-press]:active{transform:scale(.97)}
#nav-desktop{display:flex}#nav-burger{display:none}
#svc-drop{display:none}#svc-wrap.open #svc-drop{display:block}
#mobile-menu{display:none}#mobile-menu.open{display:flex}
@media(min-width:961px){
#hdr[data-top="1"]{background:transparent;border-color:transparent;backdrop-filter:none}
#hdr[data-top="1"] [data-ink]{color:#F0EDE6}#hdr[data-top="1"] [data-brand]{color:#F0EDE6}#hdr[data-top="1"] [data-sub]{color:rgba(240,237,230,.72)}
#hdr[data-top="1"] [data-outline]{border-color:rgba(240,237,230,.6);color:#F0EDE6}
#hdr[data-top="1"] [data-logo]{opacity:0;transform:translateY(-8px);pointer-events:none}
}
@media(max-width:960px){#nav-desktop{display:none}#nav-burger{display:flex}}

/* ── Back to top / scroll hint ──────────────────────────────────── */
#totop{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .5s ease,transform .5s ease}html[data-scrolled="1"] #totop{opacity:1;transform:none;pointer-events:auto}
#scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%)}
@media(max-width:960px){#scroll-hint{display:none}}

/* ── Home: hero ─────────────────────────────────────────────────── */
#hero-img{position:absolute;inset:0}
#hero-shade{background:linear-gradient(180deg,rgba(27,59,58,.22) 0%,rgba(27,59,58,.42) 40%,rgba(27,59,58,.96) 100%)}
#hero-content{min-height:100svh;padding-top:clamp(96px,14vh,150px);padding-bottom:clamp(56px,8vh,96px)!important;grid-template-columns:minmax(0,1.2fr) minmax(300px,420px);align-items:center!important}
@media(max-height:760px) and (min-width:961px){#hero-content{min-height:0;padding-top:88px;padding-bottom:40px!important}#hero-mark{width:128px!important;margin-bottom:12px!important}#hero-h2{font-size:clamp(28px,3.2vw,40px)!important;margin-top:12px!important}#hero-p{margin-top:12px!important;line-height:1.55!important;font-size:15px!important}#hero-ctas{margin-top:16px!important}}
@media(max-width:960px){
#hero-img{position:relative;aspect-ratio:2048/768}
#hero-shade{background:linear-gradient(180deg,rgba(27,59,58,0) 45%,#1B3B3A 100%)}
#hero-content{min-height:0;padding-top:0;margin-top:-48px;grid-template-columns:1fr}
#top{padding-top:76px}
#journey-svg{display:none}
}

/* ── Home: services grid & Instagram strip ──────────────────────── */
#svc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(260px,auto);gap:18px;margin-top:48px}
#svc-grid [data-area="a"]{grid-column:span 7}#svc-grid [data-area="b"]{grid-column:span 5;grid-row:span 2}#svc-grid [data-area="c"]{grid-column:span 3}#svc-grid [data-area="d"]{grid-column:span 4}
#svc-grid [data-photo-box] img{transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}#svc-grid [data-card]:hover [data-photo-box] img{transform:scale(1.04)}
#ig-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:36px 4px 48px;scrollbar-width:none}#ig-strip::-webkit-scrollbar{display:none}
#ig-strip [data-tile]{flex:0 0 calc((100% - 72px)/5);scroll-snap-align:start;transition:transform .7s cubic-bezier(.2,.6,.2,1),box-shadow .7s ease}
#ig-strip [data-tile]:nth-child(odd){transform:rotate(-1.5deg)}#ig-strip [data-tile]:nth-child(even){transform:translateY(26px) rotate(1.5deg)}
#ig-strip [data-tile]:hover{transform:translateY(-8px) rotate(0);box-shadow:0 30px 60px rgba(27,59,58,.18);z-index:2}
@media(max-width:960px){#svc-grid [data-area]{grid-column:span 12;grid-row:span 1}#svc-grid [data-area="b"]{min-height:460px}#ig-strip [data-tile]{flex-basis:220px}}

/* ── Speakers modal ─────────────────────────────────────────────── */
#speakers-modal{display:none}#speakers-modal.open{display:flex}

/* ── Forms (membership + contact) ───────────────────────────────── */
.mewc-form input,.mewc-form textarea,.mewc-form select{font-family:inherit;font-size:15px;color:#1B3B3A;background:#FBF9F4;border:1px solid rgba(47,93,80,.2);border-radius:14px;padding:14px 16px;width:100%;outline:none;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}
.mewc-form input:focus,.mewc-form textarea:focus,.mewc-form select:focus{border-color:#2F5D50;box-shadow:0 0 0 4px rgba(47,93,80,.12)}
.mewc-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#1B3B3A}
/* WPForms styled to match the design */
.wpforms-container input[type=text],.wpforms-container input[type=email],.wpforms-container input[type=tel],.wpforms-container select,.wpforms-container textarea{font-family:inherit!important;font-size:15px!important;color:#1B3B3A!important;background:#FBF9F4!important;border:1px solid rgba(47,93,80,.2)!important;border-radius:14px!important;padding:14px 16px!important;width:100%!important;outline:none!important;transition:border-color .3s,box-shadow .3s!important;box-sizing:border-box!important}
.wpforms-container input:focus,.wpforms-container textarea:focus,.wpforms-container select:focus{border-color:#2F5D50!important;box-shadow:0 0 0 4px rgba(47,93,80,.12)!important}
.wpforms-container .wpforms-field-label{font-size:13px!important;font-weight:700!important;color:#1B3B3A!important}
.wpforms-container button[type=submit]{cursor:pointer;padding:15px 26px!important;border-radius:999px!important;background:#2F5D50!important;color:#F0EDE6!important;font-weight:700!important;font-size:15px!important;border:none!important;box-shadow:0 12px 28px rgba(47,93,80,.3);transition:all .4s ease!important}
.wpforms-container button[type=submit]:hover{background:#1B3B3A!important;transform:translateY(-2px)}

/* WP admin bar offset */
body.admin-bar #hdr{top:32px}
@media(max-width:782px){body.admin-bar #hdr{top:46px}}