/* V22 - Light mode precision fixes only
   Scope: sonraki hizmet/blog block, breadcrumb readability, mobile theme/menu buttons.
   This file intentionally does not change layout or dark mode. */
:root{
  --cg-v22-gold:#8f8500;
  --cg-v22-gold-2:#6f6700;
  --cg-v22-ink:#111111;
  --cg-v22-muted:#5c5c55;
  --cg-v22-line:rgba(17,17,17,.14);
  --cg-v22-soft:#f6f4ea;
}

/* 1) Hizmet/blog tekil sayfalarda breadcrumb light mod okunurluğu */
html.light body[data-page-type="service"] .breadcrumbs,
html.light body[data-page-type="blog"] .breadcrumbs,
html.light .inner-hero .breadcrumbs{
  color:var(--cg-v22-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html.light body[data-page-type="service"] .breadcrumbs a,
html.light body[data-page-type="blog"] .breadcrumbs a,
html.light .inner-hero .breadcrumbs a{
  color:#6a6a63!important;
  opacity:1!important;
  text-decoration:none!important;
}
html.light body[data-page-type="service"] .breadcrumbs a:hover,
html.light body[data-page-type="blog"] .breadcrumbs a:hover,
html.light .inner-hero .breadcrumbs a:hover{
  color:var(--cg-v22-gold-2)!important;
}
html.light body[data-page-type="service"] .breadcrumbs span,
html.light body[data-page-type="blog"] .breadcrumbs span,
html.light .inner-hero .breadcrumbs span{
  color:var(--cg-v22-gold-2)!important;
  font-weight:900!important;
  opacity:1!important;
}

/* 2) Sonraki hizmet / sonraki içerik light mode */
html.light .v10-next-content,
html.light .v6-blog-next{
  background:linear-gradient(135deg,#ffffff 0%,#f8f7ef 55%,#f0eee2 100%)!important;
  border-color:rgba(143,133,0,.34)!important;
  box-shadow:0 18px 52px rgba(17,17,17,.08)!important;
  color:var(--cg-v22-ink)!important;
}
html.light .v10-next-content:before,
html.light .v6-blog-next:before{
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 52%,rgba(254,237,1,.18) 100%)!important;
  opacity:1!important;
}
html.light .v10-next-content:hover:before,
html.light .v6-blog-next:hover:before{
  background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 48%,rgba(254,237,1,.22) 100%)!important;
}
html.light .v10-next-content .v10-next-media,
html.light .v6-blog-next .v6-blog-next-media{
  opacity:0!important;
  filter:grayscale(.2) contrast(.92) brightness(1.04)!important;
}
html.light .v10-next-content:hover .v10-next-media,
html.light .v6-blog-next:hover .v6-blog-next-media{
  opacity:.22!important;
}
html.light .v10-next-body small,
html.light .v6-blog-next small{
  color:var(--cg-v22-gold-2)!important;
  text-shadow:none!important;
}
html.light .v10-next-body h3,
html.light .v6-blog-next h3{
  color:var(--cg-v22-ink)!important;
  text-shadow:none!important;
  opacity:1!important;
}
html.light .v10-next-content:hover .v10-next-body h3,
html.light .v6-blog-next:hover h3{
  color:#000!important;
}
html.light .v10-next-body .btn,
html.light .v6-blog-next .btn,
html.light .v10-next-body .btn-yellow,
html.light .v6-blog-next .btn-yellow{
  background:#feed01!important;
  color:#000!important;
  border-color:#d9ca00!important;
  box-shadow:0 12px 28px rgba(143,133,0,.18)!important;
}
html.light .v10-next-body .btn:hover,
html.light .v6-blog-next .btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 36px rgba(143,133,0,.24)!important;
}

/* 3) Mobil header light mode: tema ve menü butonları daha temiz */
@media (max-width:1080px){
  html.light .cg-header .cg-mobile-tools{
    gap:10px!important;
    align-items:center!important;
  }
  html.light .cg-header .cg-mobile-tools .cg-theme,
  html.light .cg-header .cg-theme{
    width:48px!important;
    min-width:48px!important;
    height:27px!important;
    padding:3px!important;
    border:1px solid rgba(17,17,17,.22)!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(17,17,17,.08), inset 0 0 0 1px rgba(254,237,1,.18)!important;
  }
  html.light .cg-header .cg-theme::before{
    color:var(--cg-v22-gold-2)!important;
    left:7px!important;
    opacity:1!important;
  }
  html.light .cg-header .cg-theme span{
    width:19px!important;
    height:19px!important;
    background:#111!important;
    box-shadow:none!important;
    margin-left:auto!important;
  }
  html.light .cg-header .cg-menu-btn{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    background:#feed01!important;
    border:1px solid #d7c900!important;
    box-shadow:0 10px 24px rgba(143,133,0,.18)!important;
    padding:12px!important;
  }
  html.light .cg-header .cg-menu-btn i{
    background:#111!important;
    opacity:1!important;
    height:2px!important;
  }
}

@media (max-width:560px){
  html.light .cg-header .cg-brand img{max-width:64vw!important;}
  html.light .cg-header .cg-mobile-tools{gap:8px!important;margin-left:auto!important;}
  html.light .cg-header .cg-mobile-tools .cg-theme,
  html.light .cg-header .cg-theme{width:46px!important;min-width:46px!important;height:26px!important;}
  html.light .cg-header .cg-menu-btn{width:46px!important;height:46px!important;}
}

/* V23 - light mobile theme toggle alignment fix only */
@media (max-width:1080px){
  html.light .cg-header .cg-mobile-tools{
    gap:12px!important;
    align-items:center!important;
  }
  html.light .cg-header .cg-mobile-tools .cg-theme,
  html.light .cg-header .cg-drawer-tools .cg-theme,
  html.light .cg-header .cg-theme{
    width:50px!important;
    min-width:50px!important;
    height:28px!important;
    padding:3px 4px!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  html.light .cg-header .cg-mobile-tools .cg-theme::before,
  html.light .cg-header .cg-drawer-tools .cg-theme::before,
  html.light .cg-header .cg-theme::before{
    left:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
  html.light .cg-header .cg-mobile-tools .cg-theme span,
  html.light .cg-header .cg-drawer-tools .cg-theme span,
  html.light .cg-header .cg-theme span,
  html.light .cg-header .cg-mobile-tools .cg-theme.is-light span,
  html.light .cg-header .cg-drawer-tools .cg-theme.is-light span,
  html.light .cg-header .cg-theme.is-light span{
    width:20px!important;
    height:20px!important;
    margin-left:22px!important;
    transform:none!important;
    flex:0 0 20px!important;
  }
}

@media (max-width:560px){
  html.light .cg-header .cg-mobile-tools{
    gap:10px!important;
  }
  html.light .cg-header .cg-mobile-tools .cg-theme,
  html.light .cg-header .cg-drawer-tools .cg-theme,
  html.light .cg-header .cg-theme{
    width:50px!important;
    min-width:50px!important;
    height:28px!important;
  }
}