﻿header{position:fixed;inset:0 0 auto 0;background:#fff;z-index:999;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;margin:0 auto;max-width:100%}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{display:flex;align-items:center;text-decoration:none;color:var(--primary)}
.logo-img{width:84px;height:84px;margin-right:10px;display:block;border:0}
@font-face{font-family:"Forte";src:url("https://www.evadons-nous.be/assets/fonts/Forte.woff2") format("woff2"),url("https://www.evadons-nous.be/assets/fonts/Forte.woff") format("woff");font-style:normal;font-display:swap;font-synthesis-weight:none}
.logo-text{font-size:1.8rem;padding-left:34px;font-family:"Forte",cursive;margin-bottom:0;line-height:.6}
@font-face{font-family:"Bernier Shade";src:url("https://www.evadons-nous.be/assets/fonts/BERNIERShade-Regular.woff2") format("woff2"),url("https://www.evadons-nous.be/assets/fonts/BERNIERShade-Regular.woff") format("woff");font-style:normal;font-display:swap}
.tag{font-family:"Bernier Shade",cursive;color:#0A0F2B;font-size:1.8rem;margin:0;line-height:1.2}
.menu{display:flex;gap:25px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu a{text-decoration:none;color:var(--primary);font-size:1.25rem;padding:10px 12px;display:inline-block}
.submenu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);min-width:300px;transition:opacity .2s ease-in-out}
.submenu a{display:block;padding:12px 20px;color:#000;font-size:1.10rem}
.menu>li:hover .submenu{display:block;opacity:1}
.logo:focus-visible,#burger-menu:focus-visible,.menu a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.is-purple{color:#8A0089;font-weight:700}
.is-purple:hover{color:#5f005f}
@media(min-width:1025px){#burger-menu{display:none}}
@media(max-width:1024px){body::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:1100}body[data-menu-open=true]{overflow:hidden;height:100dvh}body[data-menu-open=true]::before{right:var(--drawer-w);opacity:1;visibility:visible;pointer-events:auto}#main-menu{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-w);background:#fff;padding:64px 16px 24px;box-shadow:-12px 0 24px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;display:block!important;z-index:1101}body[data-menu-open=true] #main-menu{transform:translateX(0)}#main-menu>li{margin-bottom:8px}#main-menu>li>a{display:block;width:100%;padding:12px 12px 12px 8px;min-height:48px}#main-menu .submenu{position:static;display:none;box-shadow:none;padding:4px 0 4px 8px;width:100%}#main-menu>li.dropdown.is-open>.submenu{display:block!important}#main-menu .dropdown>a{position:relative;padding-right:28px}#main-menu .dropdown>a::after{content:"▾";position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease;font-size:.9em}#main-menu .dropdown.is-open>a::after{transform:translateY(-50%) rotate(180deg)}#burger-menu{position:fixed;top:max(12px,env(safe-area-inset-top));right:16px;display:inline-flex!important;flex-direction:column;gap:6px;width:44px;padding:10px;background:0;border:0;border-radius:10px;z-index:1102}#burger-menu .burger-line{display:block;width:28px;height:3px;background:var(--primary);border-radius:2px}}
