fix: add hover feedback to language selector label
- added hover styling to .lang__label for better user feedback
- applied consistent opacity change on caret and text
refs: #147
feat(slidepanel): animation and styling improvement
- slight dropshadow to sidepanel
- added opacity transition to sidepanel for smoother opening effect
- added pointer-events locking when panel is closed
refs: #147
feat: responsive slidepanel navigation
- added CSS-only hamburger toggle, for progressive enhancement (support without javascript on)
- added hamburger-to-X animation
- built slidepanel including search field, navigation items, and footer
- set mobile width to 100vw for full-screen overlay
- from 650px upward, applied responsive width min(400px, 85vw) for tablet/desktop
- integrated with existing header, language selector, and desktop navigation
feat(navbar): add CSS-only language dropdown
Implemented a fully CSS-driven language selector:
- added checkbox-based toggle mechanism for EN/NL dropdown
- added caret SVG that rotates 180° when the dropdown is open
- added dropdown menu markup with EN/NL language links
- styled dropdown menu positioning, spacing and hover states
Refs: #147
refactor(navbar): restructure header layout and update styling for solid non-transparent navbar
Reworked the HTML structure of the navigation header:
- replaced old multi-section layout with a single-row structure
(header__logo, header__center, header__right)
- removed obsolete nav__content, nav__top and mobile list blocks
- normalized SVG icons for alignment
Updated the CSS:
- removed transparent gradient and blur; navbar now uses solid background
- reduced overall header height using padding instead of fixed height
- implemented new flex layout for proper spacing and centering
- updated logo sizing and link alignment
- removed unused selectors and outdated styles
Refs: #147
feat(hero): add info__line section and new button structure with SVG + arrow-circle
- Toegevoegd <section class="info__line"> met adres & openingstijden en styling.
- Toevoegen van responsiveness
refs: #105
style(navbar): adjust blur strength and gradient transparency for softer visual layering
- Reduced backdrop blur from 50px to 10px for a more subtle glass effect and refined the linear gradient for smoother transparency transition.
- Slightly increased top padding for better visual balance in the navigation bar.
refs #104
style(hero): add responsive breakpoints for tablet and desktop
- Implemented responsive behavior for .hero height, heading sizes, and spacing.
Adjusted layout for optimal readability across mobile, tablet, and desktop viewports.
refs #105
style(hero): add hero content positioning and typography
- Added .hero__content container and text styling for headings.
- Add “Night Mango” display font and adjusted font sizes, weights, and spacing for visual hierarchy.
refs #105
feat(hero): add base hero section layout and background
- Added the main .hero section container with flex layout, full viewport height, left aligned content, and background image.
- Added ::before overlay for dark filter effect.
refs #105
