/* =========================================================
   EMDATE V78 — EDITORIAL PREMIUM (public)
   Amaç: mevcut markayı (lacivert + EMDATE kırmızısı + altın)
   koruyarak tipografi, ritim, yüzey ve etkileşim katmanını
   tek bir disiplinli sisteme oturtmak.
   Bu dosya EN SON yüklenir; HTML/PHP yapısı değişmez.
   Eklenme: 2026-09-11
   ========================================================= */

:root{
  /* Ölçek — her yüzey aynı yarıçap ailesinden beslenir */
  --e78-r-xs:6px; --e78-r-sm:10px; --e78-r-md:16px; --e78-r-lg:22px; --e78-r-pill:999px;
  /* Ritim */
  --e78-gap-1:8px; --e78-gap-2:14px; --e78-gap-3:22px; --e78-gap-4:34px; --e78-gap-5:56px;
  /* Yükseklik kademeleri */
  --e78-e1:0 1px 2px rgba(2,6,18,.24), 0 8px 24px -12px rgba(2,6,18,.40);
  --e78-e2:0 1px 2px rgba(2,6,18,.28), 0 22px 48px -20px rgba(2,6,18,.55);
  --e78-e3:0 2px 4px rgba(2,6,18,.30), 0 48px 96px -32px rgba(2,6,18,.65);
  /* Hareket */
  --e78-ease:cubic-bezier(.22,1,.36,1);
  --e78-ease-out:cubic-bezier(.16,1,.3,1);
  --e78-ease-spring:cubic-bezier(.34,1.32,.44,1);
  --e78-t-fast:180ms; --e78-t:320ms; --e78-t-slow:640ms;
  /* Marka vurgusu */
  --e78-accent:#C8192E; --e78-accent-hi:#E8243B; --e78-gold:#D6AA68;
  --e78-hair:rgba(255,255,255,.09);
  --e78-rule:rgba(255,255,255,.16);
  --e78-ink-soft:rgba(237,242,252,.72);
}
html[data-theme="light"]{--e78-hair:rgba(16,26,46,.10);--e78-rule:rgba(16,26,46,.20);--e78-ink-soft:rgba(16,26,46,.70);
  --e78-e1:0 1px 2px rgba(16,26,46,.06), 0 8px 22px -14px rgba(16,26,46,.22);
  --e78-e2:0 1px 2px rgba(16,26,46,.07), 0 22px 44px -22px rgba(16,26,46,.28);
  --e78-e3:0 2px 5px rgba(16,26,46,.08), 0 46px 90px -34px rgba(16,26,46,.34);}
html[data-theme="clinical"]{--e78-accent:#047C89;--e78-accent-hi:#06A5B4;--e78-gold:#9A6508;
  --e78-hair:rgba(0,107,118,.14);--e78-rule:rgba(0,107,118,.26);--e78-ink-soft:rgba(6,47,60,.74);
  --e78-e1:0 1px 2px rgba(0,107,118,.07), 0 8px 22px -14px rgba(0,107,118,.24);
  --e78-e2:0 1px 2px rgba(0,107,118,.08), 0 22px 44px -22px rgba(0,107,118,.30);
  --e78-e3:0 2px 5px rgba(0,107,118,.09), 0 46px 90px -34px rgba(0,107,118,.36);}

/* ───────── 1. TİPOGRAFİ DİSİPLİNİ ───────── */
body{
  font-feature-settings:"ss01" 1,"cv01" 1,"tnum" 0;
  letter-spacing:-.002em;
}
.sec-title,.hero-title,.module-title,h1,h2,h3{text-wrap:balance}
.sec-desc,p,li,.card-body,td{text-wrap:pretty}
.sec-label{
  font-size:.68rem!important;font-weight:900!important;letter-spacing:2.6px!important;
  text-transform:uppercase;color:var(--e78-gold)!important;
  display:inline-flex;align-items:center;gap:10px;margin-bottom:14px!important;
}
.sec-label:before{
  content:"";width:26px;height:2px;background:var(--e78-accent);
  display:inline-block;flex:0 0 26px;
}
.sec-title{letter-spacing:2.5px!important;line-height:.94!important}
.sec-desc{max-width:62ch!important;line-height:1.78!important;color:var(--e78-ink-soft)!important}
/* Sayılar her yerde hizalı */
.stat-n,.count-num,.cd-num,.countdown b,.price,.price-amount,
time,.mono,[data-em-count]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* Bölüm ayırıcı: ince çizgi yerine ritim taşıyan kural */
hr.sec-rule{
  border:none!important;height:1px!important;margin:0!important;
  background:linear-gradient(90deg,var(--e78-rule) 0%,var(--e78-hair) 34%,transparent 100%)!important;
  position:relative;
}
hr.sec-rule:after{
  content:"";position:absolute;left:0;top:0;width:84px;height:2px;
  background:var(--e78-accent);
}

/* ───────── 2. NAVİGASYON ───────── */
.em-shell-nav{
  transition:padding var(--e78-t) var(--e78-ease),background var(--e78-t) var(--e78-ease),
             box-shadow var(--e78-t) var(--e78-ease),border-color var(--e78-t) var(--e78-ease);
  border-bottom:1px solid var(--e78-hair)!important;
}
body.e78-scrolled .em-shell-nav{
  padding-top:9px!important;padding-bottom:9px!important;
  box-shadow:0 1px 0 var(--e78-hair),0 26px 60px -28px rgba(2,6,18,.72)!important;
}
.em-shell-logo{transition:letter-spacing var(--e78-t) var(--e78-ease)}
body.e78-scrolled .em-shell-logo{letter-spacing:3.4px!important}
/* Link altı göstergesi — renk yerine konum ile okunur */
.em-shell-link,.em-shell-dropbtn{position:relative;padding-bottom:3px}
.em-shell-link:after,.em-shell-dropbtn:after{}
.em-shell-link:before,.em-shell-dropbtn:before{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--e78-accent);transform:scaleX(0);transform-origin:left;
  transition:transform var(--e78-t) var(--e78-ease);
}
.em-shell-link:hover:before,.em-shell-drop:hover .em-shell-dropbtn:before,
.em-shell-link[aria-current]:before{transform:scaleX(1)}
/* Açılır menü: kırpma ile açılır, öğeler kademeli gelir */
.em-shell-dropdown{
  border-radius:var(--e78-r-md)!important;box-shadow:var(--e78-e3)!important;
  border-color:var(--e78-hair)!important;padding:10px!important;
  transform:translateY(10px) scale(.985)!important;
  transition:opacity var(--e78-t) var(--e78-ease),transform var(--e78-t) var(--e78-ease),visibility var(--e78-t)!important;
}
.em-shell-drop:hover .em-shell-dropdown{transform:translateY(0) scale(1)!important}
.em-shell-dropdown a{
  border-radius:var(--e78-r-sm)!important;
  transition:background var(--e78-t-fast) var(--e78-ease),transform var(--e78-t-fast) var(--e78-ease),color var(--e78-t-fast);
  opacity:0;transform:translateY(-6px);
}
.em-shell-drop:hover .em-shell-dropdown a{opacity:1;transform:translateY(0)}
.em-shell-dropdown a:nth-child(1){transition-delay:20ms}
.em-shell-dropdown a:nth-child(2){transition-delay:45ms}
.em-shell-dropdown a:nth-child(3){transition-delay:70ms}
.em-shell-dropdown a:nth-child(4){transition-delay:95ms}
.em-shell-dropdown a:nth-child(5){transition-delay:120ms}
.em-shell-dropdown a:nth-child(6){transition-delay:145ms}
.em-shell-dropdown a:nth-child(7){transition-delay:170ms}
.em-shell-dropdown a:nth-child(8){transition-delay:195ms}
.em-shell-dropdown a:hover{transform:translateX(3px)}

/* ───────── 3. DÜĞMELER VE DOKUNMA ALANLARI ───────── */
.em-shell-cta,.em-shell-ghost,.btn-p,.btn-s,button.btn,.wg-btn,.sch-btn,.e78-btn{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:44px;
  transition:transform var(--e78-t-fast) var(--e78-ease),
             box-shadow var(--e78-t) var(--e78-ease),
             background var(--e78-t) var(--e78-ease),
             border-color var(--e78-t) var(--e78-ease),
             color var(--e78-t) var(--e78-ease);
}
.em-shell-cta:hover,.btn-p:hover{transform:translateY(-2px)}
.em-shell-cta:active,.btn-p:active,.btn-s:active,.em-shell-ghost:active{transform:translateY(0) scale(.985)}
/* Tıklama dalgası (JS enjekte eder) */
.e78-ripple{
  position:absolute;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(255,255,255,.42),rgba(255,255,255,0) 68%);
  transform:scale(0);opacity:.85;animation:e78-ripple 620ms var(--e78-ease-out) forwards;
}
@keyframes e78-ripple{to{transform:scale(2.6);opacity:0}}

/* Klavye odağı: her yerde aynı, görünür */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--e78-accent-hi)!important;outline-offset:3px!important;
  border-radius:var(--e78-r-xs);
}
html[data-theme="dark"] ::selection,:root ::selection{background:rgba(200,25,46,.32);color:#fff}

/* ───────── 4. FORM ALANLARI ───────── */
input:not([type=checkbox]):not([type=radio]):not([type=submit]),
select,textarea{
  min-height:46px;
  transition:border-color var(--e78-t) var(--e78-ease),
             box-shadow var(--e78-t) var(--e78-ease),
             background var(--e78-t) var(--e78-ease);
}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus{
  box-shadow:0 0 0 3px color-mix(in oklab,var(--e78-accent) 22%,transparent)!important;
}
input:user-invalid,textarea:user-invalid{border-color:var(--e78-accent-hi)!important}
label{letter-spacing:.4px}

/* ───────── 5. YÜZEYLER ───────── */
.textured-panel,.info-box,.reg-card,.hotel-card,.about-story,.impact-card,
.faq-list details,.em-card,.stat-card,.arch-card{
  border-radius:var(--e78-r-lg)!important;
  box-shadow:var(--e78-e2)!important;
  transition:transform var(--e78-t) var(--e78-ease),
             box-shadow var(--e78-t) var(--e78-ease),
             border-color var(--e78-t) var(--e78-ease);
}
.arch-card:hover,.impact-card:hover,.hotel-card:hover{
  transform:translateY(-4px);box-shadow:var(--e78-e3)!important;
  border-color:color-mix(in oklab,var(--e78-gold) 42%,transparent)!important;
}

/* ───────── 6. SAYFA GİRİŞ / ÇIKIŞ GEÇİŞLERİ ───────── */
@view-transition{navigation:auto}
::view-transition-old(root){animation:e78-vt-out 260ms var(--e78-ease) both}
::view-transition-new(root){animation:e78-vt-in 420ms var(--e78-ease-out) both}
@keyframes e78-vt-out{to{opacity:0;transform:translateY(-10px) scale(.994)}}
@keyframes e78-vt-in{from{opacity:0;transform:translateY(14px) scale(.994)}}

html.e78-js body{animation:e78-page-in 560ms var(--e78-ease-out) both}
@keyframes e78-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html.e78-leaving body{
  animation:e78-page-out 240ms var(--e78-ease) both;
}
@keyframes e78-page-out{to{opacity:0;transform:translateY(-8px)}}

/* Üst ilerleme çubuğu (yükleme + okuma) */
.e78-progress{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:3000;pointer-events:none;
  background:linear-gradient(90deg,var(--e78-accent),var(--e78-gold));
  box-shadow:0 0 14px color-mix(in oklab,var(--e78-accent) 60%,transparent);
  transition:width 160ms linear,opacity 300ms var(--e78-ease);
}

/* ───────── 7. KAYDIRMA İLE ORTAYA ÇIKIŞ ───────── */
html.e78-js [data-e78-reveal]{
  opacity:0;
  transform:translateY(26px);
  transition:opacity var(--e78-t-slow) var(--e78-ease-out),transform var(--e78-t-slow) var(--e78-ease-out);
  will-change:opacity,transform;
}
html.e78-js [data-e78-reveal="left"]{transform:translateX(-26px)}
html.e78-js [data-e78-reveal="right"]{transform:translateX(26px)}
html.e78-js [data-e78-reveal="scale"]{transform:scale(.965)}
html.e78-js [data-e78-reveal].e78-in{opacity:1;transform:none}
/* Kademeli liste girişi */
html.e78-js [data-e78-stagger]>*{
  opacity:0;transform:translateY(18px);
  transition:opacity 560ms var(--e78-ease-out),transform 560ms var(--e78-ease-out);
}
html.e78-js [data-e78-stagger].e78-in>*{opacity:1;transform:none}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(1){transition-delay:0ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(2){transition-delay:70ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(3){transition-delay:140ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(4){transition-delay:210ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(5){transition-delay:280ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(6){transition-delay:350ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(7){transition-delay:420ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(8){transition-delay:490ms}
html.e78-js [data-e78-stagger].e78-in>*:nth-child(n+9){transition-delay:560ms}

/* Mevcut .reveal sistemiyle çakışmaz, yalnızca yumuşatır */
.reveal,.reveal-l,.reveal-r{transition-timing-function:var(--e78-ease-out)!important}

/* ───────── 8. BÖLÜM RİTMİ ───────── */
section>.container{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.home-section-intro,.e6-hdr,.arch-hdr,.members-head{margin-bottom:clamp(28px,4vw,48px)}

/* ───────── 9. AÇILIR İÇERİK (details) ───────── */
.home-disclosure,.faq-list details{
  border-radius:var(--e78-r-md)!important;
  transition:border-color var(--e78-t) var(--e78-ease),background var(--e78-t) var(--e78-ease);
}
details[open]>summary~*{animation:e78-disclose 420ms var(--e78-ease-out) both}
@keyframes e78-disclose{from{opacity:0;transform:translateY(-8px)}}
summary{cursor:pointer}

/* ───────── 10. YÜKLENİYOR İSKELETİ ───────── */
.e78-skeleton{
  position:relative;overflow:hidden;border-radius:var(--e78-r-sm);
  background:var(--e78-hair);color:transparent!important;
}
.e78-skeleton:after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  animation:e78-shimmer 1.35s infinite;
}
@keyframes e78-shimmer{to{transform:translateX(100%)}}

/* ───────── 11. MOBİL ───────── */
@media(max-width:980px){
  .em-shell-mobile-panel{
    border-radius:var(--e78-r-lg)!important;box-shadow:var(--e78-e3)!important;
    animation:e78-sheet 320ms var(--e78-ease-spring) both;
  }
  @keyframes e78-sheet{from{opacity:0;transform:translateY(-14px) scale(.97)}}
  .em-shell-mobile-panel a{min-height:46px;display:flex;align-items:center}
}
@media(max-width:560px){
  .sec-title{letter-spacing:1.6px!important}
  section>.container{padding-top:44px;padding-bottom:44px}
}

/* ───────── 12. YAZDIRMA ───────── */
@media print{
  .em-shell-nav,.em-wg-float,.e78-progress,.em-shell-mobile-menu{display:none!important}
  body{background:#fff!important;color:#111!important}
}

/* ───────── 13. HAREKET AZALTMA ───────── */
@media(prefers-reduced-motion:reduce){
  html.e78-js body,html.e78-leaving body{animation:none!important}
  html.e78-js [data-e78-reveal],html.e78-js [data-e78-stagger]>*{
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .e78-ripple,.e78-skeleton:after{animation:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}