/* =====================================================================
   HERO REDESIGN — Op. Dr. Erkan Deniz / Lumiere
   jws-nested-slider (#9207725) tam yeniden tasarim. Sadece layout/tipografi/
   overlay/responsive — slayt gorsellerine DOKUNULMAZ.
   Marka: Primary rose #B06F69, cream #F0E5DF, beyaz baslik. Font: PP Fragment.
   ===================================================================== */

:root{
  --hero-rose:#B06F69;
  --hero-rose-dark:#9a5d57;
  --hero-cream:#F0E5DF;
}

/* ---- 1) Slayt yuksekligi: desktop 85vh, mobil/tablet 100svh (adres cubugu) ---- */
.elementor-element-9207725 .elementor-element-fd33f26,
.elementor-element-9207725 .elementor-element-d9a83f7,
.elementor-element-fd33f26.e-con,
.elementor-element-d9a83f7.e-con{
  min-height:clamp(800px,84vh,940px) !important;  /* icerik+logo+pay icin yeterli yukseklik -> gercek ortalama */
}
@media (max-width:1024px){
  .elementor-element-fd33f26.e-con,
  .elementor-element-d9a83f7.e-con{
    min-height:72svh !important;
  }
}

/* ---- 2) Yonlu gradient overlay (WCAG AA) — .bg_animate slayt gorselini tasiyor ---- */
.elementor-element-9207725 .bg_animate::after{
  content:"";
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.10) 100%),
    linear-gradient(to right, rgba(0,0,0,.50) 0%, rgba(0,0,0,0) 55%);
}
/* icerik overlay'in ustunde kalsin */
.elementor-element-9207725 .swiper-slide > .e-con-inner,
.elementor-element-fd33f26 > .e-con-inner,
.elementor-element-d9a83f7 > .e-con-inner,
.elementor-element-4be6330,
.elementor-element-c7166e8{ position:relative; z-index:2; }

/* ---- 3) Icerik blogu: alt-sol, max 640px, tek sutun ---- */
.elementor-element-9207725 .elementor-element-fd33f26,
.elementor-element-9207725 .elementor-element-d9a83f7{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;      /* header alti alanda dikey ORTALA */
  align-items:center !important;          /* YATAY ORTALA */
  /* padding-top logoyu rezerve eder; center kalan alanda calisir -> ortali + cakismasiz */
  padding-top:clamp(76px,8.6vw,166px) !important;  /* ~logo yuksekligi: center, logo-alti alanda ortalar */
  padding-bottom:0 !important;
}
.elementor-element-4be6330,
.elementor-element-c7166e8{
  max-width:980px !important;             /* genis sutun -> kelimeler yayilir, satir azalir */
  width:100% !important;
  margin:0 auto !important;               /* YATAY ORTALA */
  align-items:center !important;
  text-align:center !important;
  gap:clamp(12px,1.6vw,20px) !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  padding-left:clamp(24px,4vw,48px) !important;
  padding-right:clamp(24px,4vw,48px) !important;
}
.elementor-element-4be6330 > .e-con-inner,
.elementor-element-c7166e8 > .e-con-inner{
  display:flex !important; flex-direction:column !important;
  align-items:center !important; text-align:center !important;
  gap:clamp(10px,1.4vw,16px) !important; width:100%;
}

/* ---- 4) Eyebrow + ana baslik (tek widget) — sıkı bag, hiyerarsi ---- */
.elementor-element-81b1cdc .subtitle,
.elementor-element-ce33d1a .subtitle{
  font-family:"Afacad",sans-serif !important;
  font-size:clamp(.72rem,1.4vw,.85rem) !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:var(--hero-cream) !important;
  opacity:.95 !important;
  margin:0 0 clamp(10px,1.3vw,16px) 0 !important;
  line-height:1.4 !important;
  display:flex; align-items:center; justify-content:center; gap:.7em;
}
/* eyebrow ortalaninca iki yana cizgi */
.elementor-element-81b1cdc .subtitle::after,
.elementor-element-ce33d1a .subtitle::after{
  content:""; width:clamp(22px,3vw,40px); height:1px;
  background:var(--hero-rose); display:inline-block; flex:0 0 auto;
}
/* eyebrow basina ince cizgi aksani */
.elementor-element-81b1cdc .subtitle::before,
.elementor-element-ce33d1a .subtitle::before{
  content:""; width:clamp(22px,3vw,40px); height:1px;
  background:var(--hero-rose); display:inline-block; flex:0 0 auto;
}
.elementor-element-81b1cdc h1.ld-fh-element,
.elementor-element-ce33d1a h1.ld-fh-element,
.elementor-element-81b1cdc h1.elementor-heading-title,
.elementor-element-ce33d1a h1.elementor-heading-title{
  font-size:clamp(2.2rem,5.2vw,4rem) !important;
  line-height:1.1 !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  color:#fff !important;
  margin:0 auto !important;
  text-align:center !important;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
  text-wrap:balance;            /* 2 dengeli satira dagit */
  max-width:none !important;    /* kelimeler genis yayilsin -> satir azalir */
}

/* ---- 5) Paragraf + tagline konteyneri: ROW -> COLUMN ---- */
.elementor-element-4c3e383,
.elementor-element-9123af3{
  flex-direction:column !important;
  align-items:center !important;
  gap:clamp(16px,2vw,26px) !important;
  width:100% !important;
  max-width:100% !important;
}
.elementor-element-4c3e383 > .e-con-inner,
.elementor-element-9123af3 > .e-con-inner{
  display:flex !important; flex-direction:column !important;
  align-items:center !important; gap:clamp(16px,2vw,26px) !important;
}

/* paragraf */
.elementor-element-4be1304,
.elementor-element-5a90f00{ width:100% !important; max-width:100% !important; }
.elementor-element-4be1304 p,
.elementor-element-5a90f00 p,
.elementor-element-4be1304,
.elementor-element-5a90f00{
  font-size:clamp(.95rem,2vw,1.1rem) !important;
  line-height:1.6 !important;
  color:#fff !important;
  opacity:.9 !important;
  max-width:56ch !important;
  margin:0 auto !important;
  text-align:center !important;
}

/* ---- 6) Tagline "yeriniz Lumiere": script+serif baseline hizali, tek satir ---- */
.elementor-element-532874a .ld-fh-element,
.elementor-element-f2e1ec7 .ld-fh-element{
  display:inline-flex !important;
  align-items:baseline !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  gap:.22em !important;
  line-height:1 !important;
  margin:0 !important;
  /* serif "LUMIERE" — basliga TABI (basliktan kucuk) */
  font-size:clamp(1.4rem,2.4vw,2rem) !important;
  letter-spacing:.04em !important;
}
.elementor-element-532874a .jws-highlight,
.elementor-element-f2e1ec7 .jws-highlight{
  color:var(--hero-cream) !important;
  line-height:1 !important;
  position:relative; top:.04em;     /* script optik baseline duzeltmesi */
  /* script "yeriniz" — serif'ten optik olarak biraz buyuk ama yine basligin altinda */
  font-size:clamp(2rem,3.4vw,2.9rem) !important;
}

/* ---- 7) Caption ("Op. Dr. Erkan Deniz" / "Lumiere Klinik") — kucuk kredi ---- */
.elementor-element-ffe75af,
.elementor-element-3ee1dd2,
.elementor-element-ffe75af *,
.elementor-element-3ee1dd2 *{
  text-align:center !important;
  font-size:clamp(.72rem,1.3vw,.82rem) !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#fff !important; opacity:.7 !important;
  margin:0 !important;
}

/* ---- 8) CTA "Randevu Al" — solid rose, hover, mobilde tam genislik ---- */
.hero-cta{ margin-top:clamp(6px,1vw,12px) !important; width:auto; align-self:center !important; margin-left:auto !important; margin-right:auto !important; }
.hero-cta a,
.hero-cta .jws-button,
.hero-cta .elementor-button,
.hero-cta > a{
  display:inline-flex !important; align-items:center; justify-content:center; gap:.5em;
  background:var(--hero-rose) !important;
  color:#fff !important;
  font-family:"Afacad",sans-serif !important;
  font-size:clamp(.9rem,1.6vw,1rem) !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding:clamp(13px,1.6vw,17px) clamp(28px,3vw,40px) !important;
  border:1px solid var(--hero-rose) !important;
  border-radius:4px !important;
  line-height:1 !important;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease !important;
  box-shadow:0 8px 24px rgba(176,111,105,.28) !important;
}
.hero-cta a:hover,
.hero-cta .jws-button:hover,
.hero-cta .elementor-button:hover,
.hero-cta > a:hover{
  background:var(--hero-rose-dark) !important;
  border-color:var(--hero-rose-dark) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 30px rgba(176,111,105,.4) !important;
}

/* ---- 9) Mobil ince ayar ---- */
@media (max-width:767px){
  .elementor-element-4be6330,
  .elementor-element-c7166e8{
    padding-left:24px !important; padding-right:24px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    max-width:100% !important;
  }
  .hero-cta{ width:100% !important; }
  .hero-cta a,
  .hero-cta .jws-button,
  .hero-cta .elementor-button,
  .hero-cta > a{ width:100% !important; }
  /* tagline mobilde de tek satir kalsin, gerekirse kucult */
  .elementor-element-532874a .ld-fh-element,
  .elementor-element-f2e1ec7 .ld-fh-element{ font-size:.96em; }
}

/* ---- 10) Giris animasyonu: slider'da takilan elementor-invisible'i etkisizle,
        aktif slaytta temiz CSS stagger uygula ---- */
.elementor-element-9207725 .elementor-invisible{ opacity:1 !important; animation:none !important; }
.elementor-element-9207725 .swiper-slide-active .elementor-element-81b1cdc{ animation:heroFade .7s ease .05s both; }
.elementor-element-9207725 .swiper-slide-active .elementor-element-4c3e383,
.elementor-element-9207725 .swiper-slide-active .elementor-element-9123af3{ animation:heroFade .7s ease .18s both; }
.elementor-element-9207725 .swiper-slide-active .hero-cta{ animation:heroFade .7s ease .32s both; }
@keyframes heroFade{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:none;} }

/* ---- 11) CTA jws btn-solid dolgu katmani (::after) global pale pembe tasiyor -> rose ---- */
.hero-cta a::after,
.hero-cta .elementor-button::after,
.hero-cta .jws-button::after{ background:var(--hero-rose) !important; opacity:1 !important; }
.hero-cta a:hover::after,
.hero-cta .elementor-button:hover::after,
.hero-cta .jws-button:hover::after{ background:var(--hero-rose-dark) !important; }
.hero-cta a .btn-txt,
.hero-cta a [class*="btn-txt"]{ color:#fff !important; position:relative; z-index:2 !important; }