/* ==========================================================================
   WHITOO — KAYDIRMA CUBUKLARI (2026-08-28)
   Amac: her yerde ayni, ince, sessiz bir cubuk. Kaba/parlak cubuklar gitsin.

   ONEMLI TEKNIK NOT
   -----------------
   Chrome 121'den beri `scrollbar-width` VEYA `scrollbar-color` atanmis bir
   elemanda `::-webkit-scrollbar` pseudo-elemanlari TAMAMEN YOK SAYILIYOR.
   Projede 27 ayri yerde `scrollbar-width: thin` yaziliydi; bu yuzden ayni
   dosyalardaki `::-webkit-scrollbar { width: 7px }` kurallarinin hicbiri
   calismiyordu ve tarayicinin kendi kalin cubugu ciziliyordu.

   Cozum:
   1) Webkit tarayicilarda cubugu pseudo-elemanlarla ciziyoruz (gercek kontrol).
   2) `scrollbar-width: thin` yazan kaplari `auto`ya cevirip pseudo-elemanlarin
      devreye girmesini sagliyoruz - AMA cubugu bilerek GIZLEYEN kaplara
      (`scrollbar-width: none`) dokunmuyoruz.
   3) Firefox'ta pseudo-eleman yok; oraya standart ozelliklerle ayni gorunumu
      veriyoruz (`@supports not selector(...)` blogu).

   Bu dosya EN SON yuklenmeli.
   ========================================================================== */

/* ---------- 1) Webkit: ince, sessiz, yuvarlak ---------- */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-corner {
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Ok dugmeleri kalkti - referans uygulamalarda yok, kaba duruyor. */
::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/*  Gorunen kalinlik 4px: 10px'lik olugun 3px'i her iki yanda seffaf kenarlik.
    Boylece cubuk icerige yapismaz, kagit uzerinde ince bir cizgi gibi durur. */
::-webkit-scrollbar-thumb {
    background-color: rgba(148, 163, 184, .24);
    border: 3px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
    transition: background-color .16s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(148, 163, 184, .44);
}

/* Surukleerken markanin kirmizisi - nerede oldugun belli olsun. */
::-webkit-scrollbar-thumb:active {
    background-color: rgba(239, 43, 82, .62);
}

/* ---------- 2) `scrollbar-width: thin` yazan kaplari serbest birak ----------
   Asagidaki liste projede gercekten `thin` atanan kaplardan olusuyor.
   Cubugu BILEREK gizleyenler (.room-list, .whitoo-category-filter-scroll,
   .woo-cinema-tabs, .room-bar, .wlive-*, chip seritleri) LISTEDE YOK -
   onlarin gizli kalmasi gerekiyor. */
#cnemoji-show,
#room-manage-tab,
#v-profile-tab,
#v-profile-tabContent,
.chat-scroll,
.channel-container,
.channel-list,
.height-scroll,
.height-scroll-rpanel,
.height-scroll-rpanelx,
.messages,
.radio-station-list,
.rightbar-wrapper,
.room-users,
.room-users-row,
.screen-rail,
.sidebar-height-fix,
.woo-cinema-chat-list,
.woo-effect-grid {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
}

/* ---------- 3) Firefox: pseudo-eleman yok, standart ozelliklerle ayni his ---------- */
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: rgba(148, 163, 184, .34) transparent;
    }
    /* gizli kalmasi gerekenler gizli kalsin */
    .room-list,
    .room-bar,
    .woo-cinema-tabs,
    .wlive-categories,
    .wlive-mode-nav,
    .wx26-cat-chips,
    .whitoo-category-filter-scroll,
    .whitoo-explore-category-chips,
    .looai-hero-chips {
        scrollbar-width: none;
    }
}

/* ---------- 4) ID tasiyan kurallarin ustune cikma ----------
   whitoo-rightpanel.css icindeki kurallar `body.incallx #rightbar-wrapper *`
   bicimindeydi; ID onceligi tasidiklari icin yukaridaki sinif secicileri
   onlari gecemiyordu. Ayni bicimi `html` onekiyle tekrarlayip asiyoruz. */
html body.incallx #rightbar-wrapper .height-scroll-rpanelx,
html body.incallx #rightbar-wrapper .height-scroll-rpanel,
html body.incallx #rightbar-wrapper .room-users,
html body.incallx #rightbar-wrapper .room-users-row,
html body.incallx #rightbar-wrapper .tab-pane,
html body.incallx #rightbar-wrapper .rightbar-wrapper,
html body.incallx #rpanel-user-info > .height-scroll-rpanelx,
html body.incallx .right-panel > #rpanel-tabContent > .tab-pane > .height-scroll-rpanelx,
html body.incallx #sidebar-wrapper .channel-container,
html body.incallx #sidebar-wrapper .channel-list,
html body.incallx .wsm-shell .sidebar-profile #v-profile-tab,
html body.incallx .wsm-shell #v-profile-tabContent {
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
}

/* Sag panelin kendi 7px'lik webkit kurallari da ayni olcuye gelsin. */
html body.incallx #rightbar-wrapper *::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
}
html body.incallx #rightbar-wrapper *::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .24) !important;
    border: 3px solid transparent !important;
    border-radius: 999px !important;
    background-clip: padding-box !important;
}
html body.incallx #rightbar-wrapper *::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, .44) !important;
}
html body.incallx #rightbar-wrapper *::-webkit-scrollbar-track {
    background: transparent !important;
}

/* ---------- 5) Eski parlak cubuklari kapat ----------
   whitoo-brand.css:580 GLOBAL bir `::-webkit-scrollbar-thumb` icinde
   `linear-gradient(180deg,#bfc2ca,var(--whitoo-red-2)) !important` tasiyordu -
   sitedeki kalin beyaz-kirmizi cubuk buydu. whitoo-refresh.css de sohbet ve
   sag panel icin turkuaz-kirmizi gradyanlar koymustu. Ikisini de sondurup
   tek bir sessiz gri cubuga indiriyoruz. */
::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .24) !important;
    background-clip: padding-box !important;
    border: 3px solid transparent !important;
    border-radius: 999px !important;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, .44) !important;
    background-clip: padding-box !important;
}
::-webkit-scrollbar-thumb:active {
    background: rgba(239, 43, 82, .62) !important;
    background-clip: padding-box !important;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar-corner {
    background: transparent !important;
}

/* refresh.css'in daha ozel gradyan kurallari */
html body.incallx .chat-scroll::-webkit-scrollbar-thumb,
html body.incallx #main-private .messages.chats::-webkit-scrollbar-thumb,
html body.incallx .messages.chats::-webkit-scrollbar-thumb,
html body.incallx .rightbar-wrapper::-webkit-scrollbar-thumb,
html body.incallx .height-scroll::-webkit-scrollbar-thumb,
html body.incallx .height-scroll-rpanel::-webkit-scrollbar-thumb,
html body.incallx .height-scroll-rpanelx::-webkit-scrollbar-thumb,
html body.incallx .channel-container::-webkit-scrollbar-thumb,
html body.incallx .sidebar-room .channel-list::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .24) !important;
    background-clip: padding-box !important;
    border: 3px solid transparent !important;
    border-radius: 999px !important;
}
html body.incallx .chat-scroll::-webkit-scrollbar-thumb:hover,
html body.incallx #main-private .messages.chats::-webkit-scrollbar-thumb:hover,
html body.incallx .messages.chats::-webkit-scrollbar-thumb:hover,
html body.incallx .rightbar-wrapper::-webkit-scrollbar-thumb:hover,
html body.incallx .height-scroll::-webkit-scrollbar-thumb:hover,
html body.incallx .height-scroll-rpanel::-webkit-scrollbar-thumb:hover,
html body.incallx .height-scroll-rpanelx::-webkit-scrollbar-thumb:hover,
html body.incallx .channel-container::-webkit-scrollbar-thumb:hover,
html body.incallx .sidebar-room .channel-list::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, .44) !important;
    background-clip: padding-box !important;
}