:root { --accent: #d8c40f; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* ============================================ HEADER SIDE SPACING (FOR container-fluid) ============================================ */ /* Desktop & tablet */ .header-top.container-fluid { padding-left: 32px; padding-right: 32px; } /* Large screens (optionnel, plus premium) */ @media (min-width: 1400px) { .header-top.container-fluid { padding-left: 48px; padding-right: 48px; } } /* Tablets */ @media (max-width: 1024px) { .header-top.container-fluid { padding-left: 24px; padding-right: 24px; } } /* Mobile */ @media (max-width: 768px) { .header-top.container-fluid { padding-left: 16px; padding-right: 16px; } } /* ============================================ LOGO SIZE ADJUSTMENT ============================================ */ /* Desktop */ /* ============================================ FORCE LOGO SIZE (OVERRIDE WORDPRESS ATTRIBUTES) ============================================ */ .header-top .logo img, .header-top .logo a img { height: 64px !important; /* control size HERE */ width: auto !important; max-width: none !important; }