/*
 * V5.7 — dengeli header, doğru aktif menü, mobil hızlı erişim akışı,
 * yorum slider sunumu ve çakışmasız mobil menü.
 * Yalnızca çocuk diş şablonunu etkiler.
 */

/* ---------------------------------------------------------
   1. Masaüstü header: logo biraz sağda, menü dengeli ve geniş
   --------------------------------------------------------- */
@media (min-width:921px){
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner{
    display:grid!important;
    grid-template-columns:205px minmax(0,1fr) auto!important;
    align-items:center!important;
    width:min(calc(100% - 44px),1820px)!important;
    min-height:86px!important;
    gap:16px!important;
    padding-inline:24px 18px!important;
  }

  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding-left:8px!important;
    justify-content:flex-start!important;
  }

  .template-kids .site-header .brand img,
  .service-detail-page .site-header .brand img{
    width:118px!important;
    max-width:118px!important;
    height:66px!important;
    flex:0 0 auto!important;
  }

  .template-kids .site-header .main-nav,
  .service-detail-page .site-header .main-nav{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    align-items:center!important;
    gap:clamp(2px,.32vw,7px)!important;
  }

  .template-kids .site-header .main-nav>a,
  .service-detail-page .site-header .main-nav>a{
    flex:0 0 auto!important;
    padding:11px clamp(8px,.54vw,13px)!important;
    font-family:var(--body-font,"Plus Jakarta Sans",sans-serif)!important;
    font-size:clamp(13.4px,.78vw,15.8px)!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }

  .template-kids .site-header .header-actions,
  .service-detail-page .site-header .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:max-content!important;
    margin:0!important;
    gap:10px!important;
  }

  .template-kids.smart-header .site-header.is-scrolled .header-inner,
  .service-detail-page.smart-header .site-header.is-scrolled .header-inner{
    display:grid!important;
    grid-template-columns:205px minmax(0,1fr) auto!important;
    width:min(calc(100% - 34px),1800px)!important;
    gap:15px!important;
    padding-inline:24px 18px!important;
  }

  /* Hizmet detayında telefon varsayılan kapalı olduğu için tema kolonu
     sabit genişlikte kalır; menü ana sayfadaki boyutunu korur. */
  .service-detail-page .site-header .header-actions{
    min-width:158px!important;
  }
  .service-detail-page .site-header .main-nav>a{
    font-size:clamp(13.7px,.82vw,16px)!important;
    padding-inline:clamp(8px,.56vw,13px)!important;
  }
}

@media (min-width:921px) and (max-width:1460px){
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner,
  .template-kids.smart-header .site-header.is-scrolled .header-inner,
  .service-detail-page.smart-header .site-header.is-scrolled .header-inner{
    grid-template-columns:165px minmax(0,1fr) auto!important;
    width:min(calc(100% - 24px),1440px)!important;
    gap:8px!important;
    padding-inline:12px!important;
  }
  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{padding-left:5px!important}
  .template-kids .site-header .brand span,
  .service-detail-page .site-header .brand span{display:none!important}
  .template-kids .site-header .main-nav>a,
  .service-detail-page .site-header .main-nav>a{
    padding-inline:7px!important;
    font-size:13.1px!important;
  }
  .template-kids .site-header .phone-link{display:none!important}
}

@media (min-width:921px) and (max-width:1120px){
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner,
  .template-kids.smart-header .site-header.is-scrolled .header-inner,
  .service-detail-page.smart-header .site-header.is-scrolled .header-inner{
    grid-template-columns:138px minmax(0,1fr) 0!important;
  }
  .template-kids .site-header .header-actions,
  .service-detail-page .site-header .header-actions{display:none!important}
  .template-kids .site-header .main-nav>a,
  .service-detail-page .site-header .main-nav>a{
    padding-inline:6px!important;
    font-size:12.7px!important;
  }
}

/* ---------------------------------------------------------
   2. Mobil header reset — masaüstü grid'i mobil menüyü etkilemez
   --------------------------------------------------------- */
@media (max-width:920px){
  .template-kids .site-header .header-inner,
  .service-detail-page .site-header .header-inner,
  .template-kids.smart-header .site-header.is-scrolled .header-inner,
  .service-detail-page.smart-header .site-header.is-scrolled .header-inner{
    display:flex!important;
    width:min(calc(100% - 18px),100%)!important;
    min-height:70px!important;
    height:70px!important;
    padding-inline:10px!important;
    gap:10px!important;
  }
  .template-kids .site-header .brand,
  .service-detail-page .site-header .brand{
    min-width:0!important;
    width:auto!important;
    padding-left:2px!important;
  }
  .template-kids .site-header .brand img,
  .service-detail-page .site-header .brand img{
    width:92px!important;
    height:54px!important;
  }

  /* Mobil panelde telefon bloğu varsayılan olarak kaldırıldı.
     Tema ve karakterler artık birbirine girmez. */
  .template-kids .mobile-native-panel-foot,
  .service-detail-page .mobile-native-panel-foot{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 88px!important;
    align-items:center!important;
    min-height:88px!important;
    gap:8px!important;
    padding:10px 8px 10px 12px!important;
    overflow:hidden!important;
  }
  .template-kids .mobile-native-panel-foot .mobile-theme-switch,
  .service-detail-page .mobile-native-panel-foot .mobile-theme-switch{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    min-width:0!important;
    max-width:230px!important;
    margin:0!important;
  }
  .template-kids .mobile-native-panel-foot .mobile-native-call,
  .service-detail-page .mobile-native-panel-foot .mobile-native-call{
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    min-height:52px!important;
    margin-top:2px!important;
    padding:7px 9px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.72)!important;
  }
  .template-kids .mobile-native-characters,
  .service-detail-page .mobile-native-characters{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    align-self:end!important;
    grid-column:2!important;
    justify-self:end!important;
    width:92px!important;
    height:78px!important;
    margin:-4px -6px -10px 0!important;
  }
}

@media (max-width:410px){
  .template-kids .mobile-native-panel-foot,
  .service-detail-page .mobile-native-panel-foot{
    grid-template-columns:1fr!important;
    min-height:72px!important;
    padding:9px!important;
  }
  .template-kids .mobile-native-panel-foot .mobile-theme-switch,
  .service-detail-page .mobile-native-panel-foot .mobile-theme-switch{
    max-width:none!important;
  }
  .template-kids .mobile-native-characters,
  .service-detail-page .mobile-native-characters{display:none!important}
}

/* ---------------------------------------------------------
   3. Slider altı hızlı erişim: mobilde yumuşak otomatik carousel
   --------------------------------------------------------- */
@media (max-width:760px){
  .template-kids .home49-shortcuts-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(35vw,132px)!important;
    gap:10px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:14px!important;
    scroll-behavior:smooth!important;
    padding:12px 14px 15px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 13px,#000 calc(100% - 13px),transparent 100%);
  }
  .template-kids .home49-shortcuts-shell::-webkit-scrollbar{display:none!important}
  .template-kids .home49-shortcut{
    scroll-snap-align:start!important;
    min-width:0!important;
    height:116px!important;
    min-height:116px!important;
    padding:12px 8px 10px!important;
    border-radius:19px!important;
    transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease!important;
  }
  .template-kids .home49-shortcut.is-carousel-current{
    border-color:color-mix(in srgb,var(--shortcut-icon) 24%,#fff)!important;
    box-shadow:0 12px 27px color-mix(in srgb,var(--shortcut-icon) 13%,transparent)!important;
  }
  .template-kids .home49-shortcut-copy small,
  .template-kids .home49-shortcut-arrow{display:none!important}
}

/* ---------------------------------------------------------
   4. Yorumlar: gerçek slider sunumu, desktop 3 kart, mobil swipe
   --------------------------------------------------------- */
.template-kids .home49-proof-panel{
  min-width:0!important;
  overflow:hidden!important;
}
.template-kids .home49-review-track{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 28px)/3)!important;
  gap:14px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  padding:5px 3px 17px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 6px,#000 calc(100% - 6px),transparent 100%);
}
.template-kids .home49-review-track::-webkit-scrollbar{display:none!important}
.template-kids .home49-review-card{
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.template-kids .home49-track-controls{
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

@media (max-width:1180px){
  .template-kids .home49-review-track{grid-auto-columns:calc((100% - 14px)/2)!important}
}
@media (max-width:700px){
  .template-kids .home49-review-track{
    grid-auto-columns:min(84vw,315px)!important;
    gap:11px!important;
    padding-inline:2px!important;
  }
  .template-kids .home49-track-controls{justify-content:center!important}
}

/* Yorum panelinde kenarlardan hafif slider gölgesi */
.template-kids .home49-proof-panel::after{
  content:"";
  display:block;
  height:3px;
  width:72px;
  margin:2px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--secondary),var(--primary));
  opacity:.28;
}

/* ---------------------------------------------------------
   5. Gece modunda yeni slider öğeleri
   --------------------------------------------------------- */
html[data-theme='night'] .template-kids .home49-shortcut.is-carousel-current{
  border-color:rgba(111,211,255,.34)!important;
  box-shadow:0 13px 29px rgba(0,0,0,.2)!important;
}

/* ---------------------------------------------------------
   6. Hareket azaltma
   --------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .template-kids .home49-shortcuts-shell,
  .template-kids .home49-review-track{scroll-behavior:auto!important}
}