Khalil Charfi | Portfolio Refresh

/* Hide mobile-specific drawer buttons and triggers as they require JS */ button[aria-controls="mobile-navigation-drawer"], .md\:hidden { display: none !important; } /* Ensure horizontal desktop nav remains visible on mobile as wrapped links */ .hidden.md\:flex, nav .hidden.md\:flex { display: flex !important; flex-wrap: wrap !important; height: auto !important; gap: 1rem !important; padding: 0.5rem 0 !important; } /* Adjust header height to fit links natively */ nav { height: auto !important; min-height: 56px !important; padding: 0.5rem 1rem !important; } /* Force image & animation elements to immediately display without relying on hydration */ img, .opacity-0, div[style*="opacity: 0"], div[style*="opacity:0"], [style*="opacity: 0"], .initial-hidden { opacity: 1 !important; transform: none !important; filter: none !important; visibility: visible !important; } /* Hide any interactive loading states, pulse bars, or skeleton screens */ .animate-pulse, .animate-spin, div[class*="animate-pulse"], div[class*="animate-spin"] { display: none !important; } Interactive enhancements such as animations and theme switching are unavailable, but all portfolio content remains fully accessible.