:root { --accent: #1b2d7e; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(27, 45, 126, 1), -10px 10px rgba(27, 45, 126, 0.2), -10px -10px rgba(27, 45, 126, 1), 10px -10px rgba(27, 45, 126, 0.2); } 25% { box-shadow: -10px 10px rgba(27, 45, 126, 0.2), -10px -10px rgba(27, 45, 126, 1), 10px -10px rgba(27, 45, 126, 0.2), 10px 10px rgba(27, 45, 126, 1); } 50% { box-shadow: -10px -10px rgba(27, 45, 126, 1), 10px -10px rgba(27, 45, 126, 0.2), 10px 10px rgba(27, 45, 126, 1), -10px 10px rgba(27, 45, 126, 0.2); } 75% { box-shadow: 10px -10px rgba(27, 45, 126, 0.2), 10px 10px rgba(27, 45, 126, 1), -10px 10px rgba(27, 45, 126, 0.2), -10px -10px rgba(27, 45, 126, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* --- GLOBAL DARK MODE TOGGLE --- */ /* 1. Force visibility on every page of the site */ .darkmode-toggle, body .darkmode-toggle, html body .darkmode-toggle { display: flex !important; visibility: visible !important; opacity: 1 !important; position: fixed !important; z-index: 999999 !important; /* PLACEMENT: top: 130px, right: 70px */ top: 130px !important; right: 70px !important; bottom: auto !important; left: auto !important; /* STYLE: Full size */ transform: scale(1) !important; } /* 2. ADAPTIVE COLORS */ /* LIGHT MODE: Blue track with white circle */ .darkmode-toggle .tp-dark-mode-slider { background-color: #00227B !important; } .darkmode-toggle .tp-dark-mode-slider:before { background-color: #FFFFFF !important; } .darkmode-toggle { color: #00227B !important; } /* DARK MODE: Red track with black circle */ .darkmode--activated .darkmode-toggle .tp-dark-mode-slider { background-color: #EC1313 !important; } .darkmode--activated .darkmode-toggle .tp-dark-mode-slider:before { background-color: #000000 !important; } .darkmode--activated .darkmode-toggle { color: #EC1313 !important; } /* --- CUSTOM TIER BADGES --- */ /* PLATINUM - Custom Red Glow & Badge */ .promoted-listing.priority-10 .promoted-badge { background-color: #EC1313 !important; /* Your Brand Red */ box-shadow: 0 0 10px rgba(236, 19, 19, 0.8); } .promoted-listing.priority-10 .lf-item-container { border: 2px solid #EC1313 !important; } /* GOLD - Classic Gold Badge */ .promoted-listing.priority-8 .promoted-badge { background-color: #FFD700 !important; color: #000 !important; } /* SILVER - Silver/Grey Badge */ .promoted-listing.priority-5 .promoted-badge { background-color: #C0C0C0 !important; } /* BRONZE - Bronze/Brown Badge */ .promoted-listing.priority-2 .promoted-badge { background-color: #CD7F32 !important; }