/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Aug 01 2026 | 06:46:36 */ /* ========================================================== CUSTOM GUITAR ATELIER — PREMIUM SITE SCROLLBAR Site-wide / WooCommerce / Flatsome Custom CSS & JS plugin settings: - Linking type: Internal - Where on page: In the element - Where in site: In Frontend ========================================================== */ :root { --cga-scrollbar-track: #1b130f; --cga-scrollbar-track-deep: #100c09; --cga-scrollbar-gold: #c49a45; --cga-scrollbar-gold-light: #e0bd78; --cga-scrollbar-gold-dark: #9f702c; } /* Firefox */ html { scrollbar-color: var(--cga-scrollbar-gold) var(--cga-scrollbar-track); scrollbar-width: thin; } /* Chrome, Edge, Safari and other WebKit/Blink browsers */ html::-webkit-scrollbar { width: 12px; height: 12px; } html::-webkit-scrollbar-track { background: linear-gradient( 180deg, var(--cga-scrollbar-track) 0%, var(--cga-scrollbar-track-deep) 100% ); box-shadow: inset 1px 0 rgba(224, 189, 120, 0.12), inset -1px 0 rgba(0, 0, 0, 0.30); } html::-webkit-scrollbar-thumb { min-height: 54px; background: linear-gradient( 180deg, var(--cga-scrollbar-gold-light) 0%, var(--cga-scrollbar-gold) 52%, var(--cga-scrollbar-gold-dark) 100% ); border: 3px solid var(--cga-scrollbar-track); border-radius: 999px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.42), 0 0 0 1px rgba(224, 189, 120, 0.20); } html::-webkit-scrollbar-thumb:hover { background: linear-gradient( 180deg, #f0d594 0%, var(--cga-scrollbar-gold-light) 48%, var(--cga-scrollbar-gold) 100% ); } html::-webkit-scrollbar-thumb:active { background: linear-gradient( 180deg, var(--cga-scrollbar-gold) 0%, var(--cga-scrollbar-gold-dark) 100% ); } html::-webkit-scrollbar-corner { background: var(--cga-scrollbar-track-deep); } /* Keep the overlay scrollbar refined on smaller screens. */ @media screen and (max-width: 849px) { html::-webkit-scrollbar { width: 9px; height: 9px; } html::-webkit-scrollbar-thumb { min-height: 42px; border-width: 2px; } } /* Let operating-system high-contrast mode choose its own colors. */ @media (forced-colors: active) { html { scrollbar-color: auto; } }