/* CmcKaydirma — tek kaynak: kaydırma çubuğu ve kaydırma davranışı (ADR 006) */

.cmc-kaydirma {
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--cmc-kaydirma-gorunur, var(--cmc-kaydirma-bas)) var(--cmc-kaydirma-iz);
}

.cmc-kaydirma--dikey {
  overflow-x: hidden;
  overflow-y: auto;
}

.cmc-kaydirma--yatay {
  overflow-x: auto;
  overflow-y: hidden;
}

/*
 * Yatay şerit — taşınca kayar; dikey sayfa kaydırmasını öldürmez.
 * Kural: .cursor/rules/cmc-yatay-serit.mdc
 */
.cmc-yatay-serit,
.cmc-kaydirma--yatay {
  min-width: 0;
  max-width: 100%;
  touch-action: pan-x pan-y;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.cmc-yatay-serit {
  overflow-x: auto;
  overflow-y: hidden;
}

.cmc-kaydirma--cubuk-gizli {
  scrollbar-width: none;
}

.cmc-kaydirma--cubuk-gizli::-webkit-scrollbar {
  display: none;
}

.cmc-kaydirma::-webkit-scrollbar {
  width: var(--cmc-kaydirma-genislik);
  height: var(--cmc-kaydirma-genislik);
}

.cmc-kaydirma::-webkit-scrollbar-track {
  background: var(--cmc-kaydirma-iz);
  border-radius: var(--cmc-kaydirma-kenar);
}

.cmc-kaydirma::-webkit-scrollbar-thumb {
  background: var(--cmc-kaydirma-gorunur, var(--cmc-kaydirma-bas));
  border-radius: var(--cmc-kaydirma-kenar);
  border: var(--cmc-kaydirma-cerceve) solid transparent;
  background-clip: padding-box;
  transition: background-color 0.18s ease;
}

.cmc-kaydirma::-webkit-scrollbar-thumb:hover {
  background: var(--cmc-kaydirma-bas-hover);
  background-clip: padding-box;
}

.cmc-kaydirma::-webkit-scrollbar-thumb:active {
  background: var(--cmc-kaydirma-bas-aktif);
  background-clip: padding-box;
}

.cmc-kaydirma::-webkit-scrollbar-corner {
  background: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .cmc-kaydirma:not(.cmc-kaydirma--cubuk-gizli) {
    --cmc-kaydirma-gorunur: transparent;
  }

  .cmc-katman__govde.cmc-kaydirma {
    --cmc-kaydirma-gorunur: var(--cmc-kaydirma-bas);
  }

  .cmc-kaydirma:not(.cmc-kaydirma--cubuk-gizli):hover,
  .cmc-kaydirma:not(.cmc-kaydirma--cubuk-gizli):focus-within {
    --cmc-kaydirma-gorunur: var(--cmc-kaydirma-bas);
  }
}

@media (pointer: coarse) {
  .cmc-kaydirma:not(.cmc-kaydirma--cubuk-gizli) {
    --cmc-kaydirma-bas: color-mix(in srgb, var(--cmc-metin-zayif) 22%, transparent);
    --cmc-kaydirma-gorunur: var(--cmc-kaydirma-bas);
  }
}

.cmc-liste__govde.cmc-kaydirma {
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  /* Alta append olunca tarayıcı dibe yapışmasın */
  overflow-anchor: none;
}

.cmc-liste__govde.cmc-kaydirma .cmc-kart--liste,
.cmc-liste__govde.cmc-kaydirma .cmc-kart--satir {
  overflow-anchor: none;
}

@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  .cmc-liste__govde.cmc-kaydirma {
    scrollbar-gutter: auto;
  }
}

.cmc-liste--satir .cmc-liste__tablo {
  --cmc-kaydirma-genislik: 5px;
}

@media (prefers-reduced-motion: reduce) {
  .cmc-kaydirma::-webkit-scrollbar-thumb {
    transition: none;
  }
}

/* Kabuk — üst/alt yatay menü kenarı */
#cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar,
#cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior: contain;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--cmc-kaydirma-gorunur, var(--cmc-kaydirma-bas)) var(--cmc-kaydirma-iz);
}

@media (min-width: 768px) {
  #cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar,
  #cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar {
    /* overflow-x:auto + overflow-y:visible birlikte y: auto sayılır; flyout kırpılır */
    overflow: visible;
  }
}

#cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar,
#cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar {
  width: var(--cmc-kaydirma-genislik);
  height: var(--cmc-kaydirma-genislik);
}

#cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar-track,
#cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar-track {
  background: var(--cmc-kaydirma-iz);
  border-radius: var(--cmc-kaydirma-kenar);
}

#cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar-thumb,
#cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar::-webkit-scrollbar-thumb {
  background: var(--cmc-kaydirma-gorunur, var(--cmc-kaydirma-bas));
  border-radius: var(--cmc-kaydirma-kenar);
  border: var(--cmc-kaydirma-cerceve) solid transparent;
  background-clip: padding-box;
}

@media (hover: hover) and (pointer: fine) {
  #cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar,
  #cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar {
    --cmc-kaydirma-gorunur: transparent;
  }

  #cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar:hover,
  #cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar:hover,
  #cmc-shell[data-cmc-menu-yer="ust"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar:focus-within,
  #cmc-shell[data-cmc-menu-yer="alt"]:not(.cmc-shell--oturum-kapali) .cmc-shell__kenar:focus-within {
    --cmc-kaydirma-gorunur: var(--cmc-kaydirma-bas);
  }
}