/* Mezihat Motion: temanın üzerine eklenen hareket ve yerleşim katmanı. Tema dosyaları değişmez. */
:root{--mzm-head:97px;--mzm-accent:#89599e;--mzm-deep:#6d437f;--mzm-night:#1f1126;--mzm-ease:cubic-bezier(.22,1,.36,1)}
@media(max-width:900px){:root{--mzm-head:85px}}
@media(max-width:600px){:root{--mzm-head:81px}}

/* İlerleme çubuğu */
.mzm-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1000;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c9a4d9,#89599e 55%,#5b2f6d);pointer-events:none}

/* Üst menü: kaydırınca cam ve gölge */
.site-header{transition:background-color .35s ease,box-shadow .35s ease,border-color .35s ease}
.mzm-scrolled .site-header{box-shadow:0 10px 30px #33243d14}

/* ---------- Ana sayfa: menü sinematik hero ile bütünleşir ---------- */
body:has(main>.cinematic-hero,main>.page-heading) .topbar{background:var(--mzm-night);border-color:#ffffff14;color:#efe4f4}
body:has(main>.cinematic-hero,main>.page-heading) .topbar a:hover{color:#e3c6ef}
body:has(main>.cinematic-hero,main>.page-heading) .topbar span:nth-child(2){color:#e3c6ef}
body:has(main>.cinematic-hero,main>.page-heading) .header-social>a,
body:has(main>.cinematic-hero,main>.page-heading) .topbar .language-link,
body:has(main>.cinematic-hero,main>.page-heading) .header-search-toggle{background:#ffffff0d;border-color:#ffffff2e;color:#f3e9f7}
body:has(main>.cinematic-hero,main>.page-heading) .header-social>a:hover,
body:has(main>.cinematic-hero,main>.page-heading) .topbar .language-link:hover,
body:has(main>.cinematic-hero,main>.page-heading) .header-search-toggle:hover,
body:has(main>.cinematic-hero,main>.page-heading) .header-social>a:focus-visible,
body:has(main>.cinematic-hero,main>.page-heading) .topbar .language-link:focus-visible,
body:has(main>.cinematic-hero,main>.page-heading) .header-search-toggle:focus-visible{background:#89599e;border-color:#89599e;color:#fff;outline-color:#e3c6ef}

/* Hero menünün altına uzanır; içerik aynı yerde kalsın diye üst boşluk eklenir. */
main>.cinematic-hero{margin-top:calc(-1 * var(--mzm-head));padding-top:var(--mzm-head)}

/* Alt sayfa başlıkları ana sayfadaki gibi koyu sinematik zemine geçer; menü bunların da üzerine oturur. */
main>.page-heading{margin-top:calc(-1 * var(--mzm-head));padding:calc(var(--mzm-head) + 78px) 0 80px;background:#23132c;color:#f3eaf6;border-bottom:0}
main>.page-heading:before{background:linear-gradient(90deg,#23132cf5 0%,#2b1836e6 42%,#33223ca6 72%,#2a17338c 100%),linear-gradient(0deg,#23132ccc,transparent 65%),url('/wp-content/themes/mezihat-modern/assets/clinic-room.webp') center 42%/cover}
main>.page-heading:after{border-color:#e3c6ef33}
main>.page-heading h1{color:#fff}
main>.page-heading .eyebrow{color:#e3c6ef}
main>.page-heading .eyebrow span{background:#e3c6ef}
main>.page-heading .breadcrumb,main>.page-heading .article-meta,main>.page-heading .search-summary{color:#ffffffb8}
main>.page-heading .breadcrumb:hover{color:#fff}
main>.page-heading p{color:#f1e7f5e0}
main>.page-heading label{color:#f3eaf6}
main>.page-heading .button{background:#ead5f2;border-color:#ead5f2;color:#33203e}
main>.page-heading .button:hover{background:#fff;border-color:#fff}
@media(max-width:600px){main>.page-heading{padding:calc(var(--mzm-head) + 40px) 0 46px}}

/* Menü hero üzerindeyken şeffaf, kaydırınca koyu cam, hero geçilince temanın açık görünümü. */
body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header:not(:has(.is-open)){background:transparent;border-bottom-color:#ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body.mzm-scrolled:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header:not(:has(.is-open)){background:#22132bc4;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 12px 32px #0f061633}
body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header:not(:has(.is-open)) .brand .clinic-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 6px #0f061640)}
body:has(main>.cinematic-hero,main>.page-heading) .site-header .brand .clinic-logo{transition:filter .35s ease}
body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header:not(:has(.is-open)) .menu-toggle{color:#fff;border-color:#ffffff4d;background:#ffffff12}
@media(min-width:901px){
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .header-inner nav>a:not(.language-link){color:#fff}
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .header-inner nav>a:not(.language-link):after{background:#e3c6ef}
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .nav-treatments>summary{background:#ffffff14;border-color:#ffffff38;color:#fff}
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .nav-treatments>summary:hover,
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .nav-treatments[open]>summary{background:#89599e;border-color:#89599e}
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .header-cta{background:#ead5f2;border-color:#ead5f2;color:#33203e}
  body:has(main>.cinematic-hero,main>.page-heading):not(.mzm-past) .site-header .header-cta:hover{background:#fff;border-color:#fff}
}

/* Hero içeriği sayfa açılırken sırayla gelir. */
@keyframes mzm-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.cinematic-hero .hero-copy>*{animation:mzm-rise .9s var(--mzm-ease) both}
.cinematic-hero .hero-copy>:nth-child(2){animation-delay:.08s}
.cinematic-hero .hero-copy>:nth-child(3){animation-delay:.16s}
.cinematic-hero .hero-copy>:nth-child(4){animation-delay:.24s}
.cinematic-hero .hero-copy>:nth-child(5){animation-delay:.32s}
.cinematic-hero .hero-visual{animation:mzm-rise 1.1s .15s var(--mzm-ease) both}

/* ---------- Alt sayfa başlığı: yavaş kamera ve süzülen halka ---------- */
@keyframes mzm-pan{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.1) translate3d(-1.5%,-1%,0)}}
@keyframes mzm-orbit{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-40px,30px,0) rotate(25deg)}}
.page-heading:before{animation:mzm-pan 28s ease-in-out infinite alternate;transform-origin:70% 40%}
.page-heading:after{animation:mzm-orbit 18s ease-in-out infinite alternate}
.page-heading .container>*{animation:mzm-rise .85s var(--mzm-ease) both}
.page-heading .container>:nth-child(2){animation-delay:.07s}
.page-heading .container>:nth-child(3){animation-delay:.14s}
.page-heading .eyebrow span,.section-heading .eyebrow span{transform-origin:left}
.page-heading .eyebrow span{animation:mzm-line 1s .3s var(--mzm-ease) both}
@keyframes mzm-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Kaydırınca belirme ---------- */
.mzm-reveal{opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px)}
.mzm-reveal.is-in{opacity:1;transform:none;filter:none;transition:opacity .8s var(--mzm-ease) var(--mzm-d,0ms),transform .9s var(--mzm-ease) var(--mzm-d,0ms),filter .8s ease var(--mzm-d,0ms)}

/* Text Reveal (Mask) */
.mzm-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.mzm-heading .mzm-word{display:inline-block;transform:translateY(105%);opacity:0}
.mzm-heading.is-in .mzm-word{transform:none;opacity:1;transition:transform .9s var(--mzm-ease) calc(var(--mzm-i) * 55ms),opacity .5s ease calc(var(--mzm-i) * 55ms)}

/* ---------- Spotlight Card ---------- */
.treatment-card,.blog-card,.process-card,.review-card{position:relative;isolation:isolate}
.treatment-card:after,.blog-card:after,.process-card:after,.review-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s ease;background:radial-gradient(320px circle at var(--mzm-x,50%) var(--mzm-y,50%),#b98ccd2e,transparent 62%)}
.treatment-card:hover:after,.blog-card:hover:after,.process-card:hover:after,.review-card:hover:after{opacity:1}
.process-card{transition:transform .35s var(--mzm-ease),box-shadow .35s ease}
.process-card:hover{transform:translateY(-4px)}
.practice-card img{transition:transform 1.2s var(--mzm-ease)}
.practice-card:hover img{transform:scale(1.05)}

/* Düğmelerde ışık geçişi */
.button{position:relative;overflow:hidden;isolation:isolate}
.button:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff40,transparent);transform:skewX(-18deg);transition:left .7s var(--mzm-ease)}
.button:hover:after{left:120%}

/* ---------- Infinite Slider: yaklaşım şeridi ---------- */
@keyframes mzm-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-25%,0,0)}}
.mzm-marquee .container{display:block!important;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mzm-track{display:flex;width:max-content;animation:mzm-marquee 36s linear infinite}
.mzm-track>span{display:flex!important;flex:none;padding-right:72px;white-space:nowrap}
.mzm-marquee:hover .mzm-track{animation-play-state:paused}

/* ---------- Randevu bandı: hareketli ışık ---------- */
@keyframes mzm-aurora{from{transform:translate3d(-6%,-4%,0) rotate(0)}to{transform:translate3d(6%,5%,0) rotate(8deg)}}
.contact-banner:before{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(40% 45% at 25% 40%,#89599e55,transparent 70%),radial-gradient(35% 40% at 75% 65%,#c9a4d930,transparent 70%);animation:mzm-aurora 16s ease-in-out infinite alternate}
.contact-banner .container{position:relative;z-index:1}

@media(prefers-reduced-motion:reduce){
  .mzm-progress,.contact-banner:before{display:none}
  .cinematic-hero .hero-copy>*,.cinematic-hero .hero-visual,.page-heading:before,.page-heading:after,.page-heading .container>*,.page-heading .eyebrow span,.mzm-track{animation:none!important}
  .mzm-reveal,.mzm-heading .mzm-word{opacity:1!important;transform:none!important;filter:none!important}
  .button:after{display:none}
}
@media print{.mzm-progress{display:none}.mzm-reveal,.mzm-heading .mzm-word{opacity:1!important;transform:none!important;filter:none!important}}