(function () { document.addEventListener('DOMContentLoaded', function () { const htmlTag = document.documentElement; if (htmlTag) { // Force color-theme to "light" htmlTag.setAttribute('color-theme', 'light'); // Remove the "dark" class if it's present htmlTag.classList.remove('dark'); console.log('✅ Light mode has been forced globally.'); } else { console.warn('⚠️ tag not found.'); } }); })(); (function () { // Wait for DOM content to be fully loaded document.addEventListener('DOMContentLoaded', function () { const isCategoryPage = window.location.pathname.includes('/c'); console.log('[Category Page Styling]'); console.log(' - Is category page:', isCategoryPage); if (!isCategoryPage) return; // 2. Update #main-nav styles const mainNav = document.getElementById('main-nav'); if (mainNav) { mainNav.classList.add('fixed-pinned', 'animated', 'fixed-header'); mainNav.style.backgroundColor = '#625245'; mainNav.style.color = '#ffffff'; console.log(' - Updated #main-nav styling.'); } else { console.warn(' - #main-nav not found.'); } // 3. Optionally update menu lines color (burger icon) const burgerLines = document.querySelectorAll( '#main-nav button.mburger span' ); burgerLines.forEach((line) => { line.style.backgroundColor = '#ffffff'; }); console.log(' - Burger menu line color updated.'); // ✅ Done console.log('✅ Category page customization applied.'); }); })(); // GTM CODE . (function () { // Check if GTM is already added if (document.getElementById('gtm-script')) return; // Add the GTM