/* ============================================
   UNIFIED SCROLLBAR STYLING FOR ENTIRE WEBSITE
   ============================================ */

/* ============================================
   PREVIOUS WORKING VERSION (from portfolio-section.html)
   Simple scrollbar that was confirmed working
   ============================================ */
/*
::-webkit-scrollbar {
    width: 10px;
    background: #333;
}

::-webkit-scrollbar-thumb {
    background: #f9c441;
    border-radius: 5px;
}
*/

/* ============================================
   CURRENT UNIFIED VERSION (for consistency across all pages)
   ============================================ */

/* Main page and general scrollbars - Ultra-high priority */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
html body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(30, 30, 30, 0.7) !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: #f9c441 !important;
  border-radius: 2px !important;
}

/* Modal overlay scrollbars */
.modal-overlay::-webkit-scrollbar,
#global-overlay::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(30, 30, 30, 0.7) !important;
}

.modal-overlay::-webkit-scrollbar-thumb,
#global-overlay::-webkit-scrollbar-thumb {
  background: #f9c441 !important;
  border-radius: 2px !important;
}

/* Modal content scrollbars */
#overlay-content::-webkit-scrollbar,
.modal-content::-webkit-scrollbar,
#modal-full-content::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(30, 30, 30, 0.7) !important;
}

#overlay-content::-webkit-scrollbar-thumb,
.modal-content::-webkit-scrollbar-thumb,
#modal-full-content::-webkit-scrollbar-thumb {
  background: #f9c441 !important;
  border-radius: 2px !important;
}

/* Code block scrollbars */
pre::-webkit-scrollbar {
  height: 5px !important;
  width: 5px !important;
  background: rgba(30, 30, 30, 0.7) !important;
}

pre::-webkit-scrollbar-thumb {
  background: #f9c441 !important;
  border-radius: 2px !important;
}

/* Table of Contents scrollbars */
.toc-list::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(30, 30, 30, 0.7) !important;
}

.toc-list::-webkit-scrollbar-thumb {
  background: #f9c441 !important;
  border-radius: 2px !important;
}

/* Firefox fallback */
html, body {
  scrollbar-width: thin !important;
  scrollbar-color: #f9c441 rgba(30, 30, 30, 0.7) !important;
}

/* Ensure consistent styling across all elements */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #f9c441 rgba(30, 30, 30, 0.7) !important;
}