/* V20 - site-wide light/dark, slider readability, contact cover and mobile menu fixes */

/* Slider yazılarını her temada okunur tut */
body[data-page-type="home"] .visual-slider.v6-hero-slider,
body[data-page-type="home"] .visual-slider{
  background:#050505 !important;
}
body[data-page-type="home"] .visual-slider.v6-hero-slider:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.38) 68%, rgba(0,0,0,.72) 100%),
    linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.24) 45%, rgba(0,0,0,.84) 100%) !important;
}
body[data-page-type="home"] .visual-slider.v6-hero-slider:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 78% 36%, rgba(254,237,1,.12), transparent 32%) !important;
}
body[data-page-type="home"] .v6-slide{z-index:1!important;}
body[data-page-type="home"] .v6-slide-copy{
  z-index:10 !important;
  max-width:min(620px, calc(100% - 96px)) !important;
  padding:28px 30px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg, rgba(0,0,0,.78), rgba(0,0,0,.46)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.45) !important;
  backdrop-filter:blur(10px) !important;
}
body[data-page-type="home"] .v6-slide-copy small{color:#feed01!important;opacity:1!important;text-shadow:0 4px 16px rgba(0,0,0,.65)!important;}
body[data-page-type="home"] .v6-slide-copy h2{color:#fff!important;opacity:1!important;text-shadow:0 10px 32px rgba(0,0,0,.9)!important;}
body[data-page-type="home"] .v6-slide-copy p{color:rgba(255,255,255,.94)!important;opacity:1!important;text-shadow:0 6px 20px rgba(0,0,0,.85)!important;}
body[data-page-type="home"] .visual-slider .slider-arrow,
body[data-page-type="home"] .visual-slider .slider-dots,
body[data-page-type="home"] .v6-slide-progress,
body[data-page-type="home"] .v6-slide-count{z-index:14!important;}
html.light body[data-page-type="home"] .visual-slider.v6-hero-slider{box-shadow:0 28px 90px rgba(0,0,0,.18)!important;}
html.light body[data-page-type="home"] .v6-slide-copy h2,
html.light body[data-page-type="home"] .v6-slide-copy p{color:#fff!important;}

/* Light mode: Süreç Yönetimi sol görsel kartı koyu okunur kalsın */
html.light #surec .timeline-intro{
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.92)),
    url('/assets/img/hero-koklu-yatirim-proje-gelistirme.png') center/cover no-repeat !important;
  color:#fff !important;
  border-color:rgba(122,113,0,.42)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
}
html.light #surec .timeline-intro:before{
  background:radial-gradient(circle at 52% 34%, rgba(254,237,1,.22), transparent 32%), linear-gradient(90deg, rgba(0,0,0,.22), transparent) !important;
}
html.light #surec .timeline-intro h2{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.84)!important;}
html.light #surec .timeline-intro p{color:rgba(255,255,255,.86)!important;text-shadow:0 4px 18px rgba(0,0,0,.72)!important;}
html.light #surec .timeline-intro .label{color:#feed01!important;}
html.light #surec .timeline-intro .label:before{background:#feed01!important;}
html.light #surec .timeline-intro .btn-yellow{background:#feed01!important;color:#000!important;}
html.light #surec .timeline-card{background:#fff!important;color:#151515!important;border-color:rgba(0,0,0,.12)!important;}
html.light #surec .timeline-card h3{color:#151515!important;}
html.light #surec .timeline-card p{color:#555!important;}

/* İletişim sarı alandaki arka görsel alanı kaplasın, yazıyı bozmasın */
.cg-contact-info{isolation:isolate!important;}
.cg-contact-bg{
  background:
    linear-gradient(90deg, rgba(254,237,1,.96), rgba(254,237,1,.84)),
    url('/assets/img/hero-koklu-yatirim-proje-gelistirme.png') center/cover no-repeat !important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
html.light .cg-contact-bg{
  background:
    linear-gradient(90deg, rgba(254,237,1,.96), rgba(254,237,1,.84)),
    url('/assets/img/hero-koklu-yatirim-proje-gelistirme.png') center/cover no-repeat !important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.cg-contact-content{position:relative!important;z-index:2!important;}
.cg-contact-item{position:relative!important;z-index:2!important;}

/* Mobil iletişim satırlarının dikey bozulmasını engelle */
@media (max-width:560px){
  .cg-contact-info{border-radius:30px!important;overflow:hidden!important;}
  .cg-contact-content{padding:40px 24px!important;}
  .cg-contact h2{font-size:clamp(34px,10vw,46px)!important;line-height:1!important;letter-spacing:-.065em!important;}
  .cg-contact-info p:not(.cg-eyebrow){font-size:17px!important;line-height:1.65!important;}
  .cg-contact-item{grid-template-columns:44px minmax(0,1fr)!important;gap:8px 14px!important;align-items:center!important;padding:18px 0!important;}
  .cg-contact-item span{grid-row:1 / span 2!important;grid-column:1!important;font-size:26px!important;justify-content:flex-start!important;}
  .cg-contact-item b{grid-column:2!important;letter-spacing:.18em!important;font-size:10px!important;white-space:normal!important;}
  .cg-contact-item strong{grid-column:2!important;font-size:clamp(18px,5.4vw,24px)!important;line-height:1.16!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  .cg-contact-item:nth-child(3) strong{font-size:clamp(17px,4.6vw,21px)!important;}
  .cg-contact-item:nth-child(4) strong{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.28!important;}
}

/* Mobil menü: tüm sayfalarda garanti görünür ve açılır */
@media (max-width:1180px){
  .cg-nav{display:none!important;}
  .cg-mobile-tools{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;}
  .cg-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
}
@media (min-width:1181px){
  .cg-mobile-tools{display:none!important;}
}
.cg-drawer{position:fixed!important;inset:0!important;z-index:100000!important;display:block!important;pointer-events:none!important;background:rgba(0,0,0,.62)!important;opacity:0!important;visibility:hidden!important;transition:.22s ease!important;}
.cg-drawer.is-open{pointer-events:auto!important;opacity:1!important;visibility:visible!important;}
.cg-drawer-panel{position:absolute!important;right:0!important;top:0!important;height:100dvh!important;width:min(430px,100vw)!important;max-width:100vw!important;overflow-y:auto!important;transform:translateX(104%)!important;transition:transform .28s ease!important;background:linear-gradient(180deg,#070707,#111)!important;border-left:1px solid rgba(254,237,1,.18)!important;box-shadow:-30px 0 90px rgba(0,0,0,.45)!important;}
.cg-drawer.is-open .cg-drawer-panel{transform:translateX(0)!important;}
body.cg-menu-open{overflow:hidden!important;}
html.light .cg-drawer-panel{background:linear-gradient(180deg,#fff,#f4f2e7)!important;color:#111!important;}

/* Tema butonunda aktif durum görseli */
.cg-theme.is-light span{transform:translateX(20px)!important;}
html.light .cg-theme span{transform:translateX(20px)!important;}

@media (max-width:760px){
  body[data-page-type="home"] .visual-slider.v6-hero-slider{min-height:640px!important;height:640px!important;}
  body[data-page-type="home"] .v6-slide-copy{left:18px!important;right:18px!important;bottom:112px!important;max-width:none!important;padding:22px 20px!important;border-radius:24px!important;}
  body[data-page-type="home"] .v6-slide-copy h2{font-size:clamp(34px,10vw,46px)!important;line-height:1!important;}
  body[data-page-type="home"] .v6-slide-copy p{font-size:15px!important;line-height:1.58!important;display:block!important;}
  body[data-page-type="home"] .v7-slide-actions{grid-template-columns:1fr!important;gap:10px!important;}
  body[data-page-type="home"] .visual-slider .slider-arrow{bottom:28px!important;top:auto!important;transform:none!important;}
  body[data-page-type="home"] .visual-slider .slider-dots{left:22px!important;bottom:36px!important;transform:none!important;}
}