/* WPMK Header — Concept A v1.0.4. Portée : #wpmk-header et .wpmk-skip uniquement. Aucune police externe. */
#wpmk-header{--wpmk-navy:#122F71;--wpmk-red:#D41E44;--wpmk-text:#252628;--wpmk-light:#F6F6F6;--wpmk-line:#E6E9F0;--wpmk-font:"PT Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--wpmk-logo-w:108px;--wpmk-logo-w-m:76px;--wpmk-bar-h:88px;--wpmk-bar-h-m:72px;--wpmk-ease:cubic-bezier(.2,.7,.2,1)}
#wpmk-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid var(--wpmk-line);font-family:var(--wpmk-font);color:var(--wpmk-text);line-height:1.3}
#wpmk-header *,#wpmk-header *::before,#wpmk-header *::after{box-sizing:border-box}
#wpmk-header ul{list-style:none;margin:0;padding:0}
#wpmk-header li{margin:0;padding:0}
#wpmk-header a{color:inherit;text-decoration:none;background:none;box-shadow:none}
#wpmk-header button{font:inherit;color:inherit;background:transparent;border:0;border-radius:6px;margin:0;padding:0;line-height:1;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none;min-height:0;width:auto;transition:background-color .15s;user-select:none;-webkit-tap-highlight-color:transparent}
#wpmk-header :focus{outline:none}
#wpmk-header :focus-visible{outline:3px solid var(--wpmk-red);outline-offset:2px;border-radius:6px}
.wpmk-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Lien d'évitement */
.wpmk-skip{position:absolute;left:12px;top:8px;z-index:100001;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;background:#122F71;color:#fff!important;padding:12px 18px;border-radius:6px;font:700 16px/1.2 "PT Sans",system-ui,sans-serif;text-decoration:none}
.wpmk-skip-target{display:block;height:0;overflow:hidden}
.wpmk-skip-target:focus{outline:none}
.wpmk-skip:focus{width:auto;height:auto;clip:auto;clip-path:none;outline:3px solid #D41E44;outline-offset:2px}

/* Barre */
#wpmk-header .wpmk-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1240px;min-height:var(--wpmk-bar-h);margin:0 auto;padding:0 24px}
#wpmk-header .wpmk-logo{display:flex;align-items:center;flex:0 0 auto;padding:6px 0;border-radius:8px}
#wpmk-header .wpmk-logo-img{display:block;width:var(--wpmk-logo-w);height:auto;max-width:none}
#wpmk-header .wpmk-row{display:flex;align-items:center}
#wpmk-header .wpmk-link{display:block;position:relative;font-size:16px;font-weight:700;color:var(--wpmk-navy);white-space:nowrap;transition:color .18s}
#wpmk-header .wpmk-sub-toggle{display:inline-flex;align-items:center;justify-content:center;color:var(--wpmk-navy);flex:0 0 auto}
#wpmk-header .wpmk-sub-toggle svg{display:block;transition:transform .2s var(--wpmk-ease)}
#wpmk-header .is-open>.wpmk-row .wpmk-sub-toggle svg{transform:rotate(180deg)}
#wpmk-header .wpmk-burger{display:none}
#wpmk-header .wpmk-sublink{display:block;color:var(--wpmk-text);white-space:normal;overflow-wrap:anywhere;transition:background-color .15s,color .15s}
#wpmk-header .wpmk-sublink[aria-current="page"]{color:var(--wpmk-red);font-weight:700}

/* ===== Bureau ≥ 1025 px ===== */
@media (min-width:1025px){
 #wpmk-header .wpmk-panel{display:block}
 #wpmk-header .wpmk-menu{display:flex;align-items:center;justify-content:flex-end;gap:4px}
 #wpmk-header .wpmk-item{position:relative}
 #wpmk-header .wpmk-link{padding:12px 6px 12px 14px}
 #wpmk-header .wpmk-item:not(.wpmk-has-sub) .wpmk-link{padding-right:14px}
 #wpmk-header .wpmk-link::after{content:"";position:absolute;left:14px;right:6px;bottom:6px;height:2px;border-radius:2px;background:var(--wpmk-red);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--wpmk-ease)}
 #wpmk-header .wpmk-item:not(.wpmk-has-sub) .wpmk-link::after{right:14px}
 #wpmk-header .wpmk-link:hover::after,#wpmk-header .wpmk-link[aria-current="page"]::after,#wpmk-header .is-current-parent>.wpmk-row .wpmk-link::after,#wpmk-header .is-open>.wpmk-row .wpmk-link::after{transform:scaleX(1)}
 #wpmk-header .wpmk-sub-toggle{width:28px;height:28px;margin-right:6px}
 #wpmk-header .wpmk-sub-toggle:hover{background:var(--wpmk-light)}
 #wpmk-header .wpmk-sub{position:absolute;top:100%;left:6px;z-index:10;min-width:250px;max-width:320px;width:max-content;margin-top:4px;padding:8px;background:#fff;border:1px solid var(--wpmk-line);border-radius:12px;box-shadow:0 14px 34px rgba(18,47,113,.14);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .18s var(--wpmk-ease),transform .18s var(--wpmk-ease),visibility 0s linear .18s}
 #wpmk-header .wpmk-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px} /* pont de survol */
 #wpmk-header .wpmk-item:nth-last-child(-n+2)>.wpmk-sub,#wpmk-header .wpmk-item.is-align-right>.wpmk-sub{left:auto;right:0} /* 2 dernières entrées : carte alignée à droite (pas de débordement, même fermée) */
 #wpmk-header .wpmk-item.is-open>.wpmk-sub{visibility:visible;opacity:1;transform:none;transition:opacity .18s var(--wpmk-ease),transform .18s var(--wpmk-ease),visibility 0s}
 #wpmk-header .wpmk-sublink{padding:10px 14px;border-radius:8px;font-size:15px}
 #wpmk-header .wpmk-sublink:hover{background:var(--wpmk-light);color:var(--wpmk-red)}
 #wpmk-header .wpmk-sublink[aria-current="page"]{background:var(--wpmk-light)}
 /* Sans JavaScript : survol et focus clavier natifs */
 #wpmk-header:not(.wpmk-js) .wpmk-sub-toggle{display:none}
 #wpmk-header:not(.wpmk-js) .wpmk-item:not(.wpmk-has-sub) .wpmk-link,#wpmk-header:not(.wpmk-js) .wpmk-link{padding-right:14px}
 #wpmk-header:not(.wpmk-js) .wpmk-item:hover>.wpmk-sub,#wpmk-header:not(.wpmk-js) .wpmk-item:focus-within>.wpmk-sub{visibility:visible;opacity:1;transform:none;transition:none}
}
/* Largeurs intermédiaires : libellés longs (DE/ES/IT) */
@media (min-width:1025px) and (max-width:1180px){
 #wpmk-header .wpmk-bar{gap:16px;padding:0 16px}
 #wpmk-header .wpmk-menu{gap:0}
 #wpmk-header .wpmk-link{font-size:15px;padding-left:10px}
 #wpmk-header .wpmk-item:not(.wpmk-has-sub) .wpmk-link{padding-right:10px}
 #wpmk-header .wpmk-link::after{left:10px}
 #wpmk-header .wpmk-item:not(.wpmk-has-sub) .wpmk-link::after{right:10px}
 #wpmk-header .wpmk-sub-toggle{margin-right:2px}
}

/* ===== Mobile / tablette ≤ 1024 px : menu compact sous la barre (non plein écran) ===== */
@media (max-width:1024px){
 #wpmk-header .wpmk-bar{flex-wrap:wrap;gap:0 12px;min-height:var(--wpmk-bar-h-m);padding:0 16px}
 #wpmk-header .wpmk-logo-img{width:var(--wpmk-logo-w-m)}
 #wpmk-header.wpmk-js .wpmk-burger{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--wpmk-line);border-radius:10px;color:var(--wpmk-navy);font-weight:700;font-size:16px}
 #wpmk-header.wpmk-js .wpmk-burger:hover{background:var(--wpmk-light)}
 #wpmk-header .wpmk-burger-box{display:inline-flex;flex-direction:column;justify-content:space-between;width:22px;height:16px}
 #wpmk-header .wpmk-burger-box span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s var(--wpmk-ease),opacity .2s}
 #wpmk-header.menu-open .wpmk-burger-box span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 #wpmk-header.menu-open .wpmk-burger-box span:nth-child(2){opacity:0}
 #wpmk-header.menu-open .wpmk-burger-box span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 #wpmk-header .wpmk-panel{flex:1 0 100%;order:3;margin:0 -16px;border-top:1px solid var(--wpmk-line);background:#fff}
 #wpmk-header.wpmk-js .wpmk-panel{display:none;max-height:calc(100vh - var(--wpmk-bar-h-m));overflow-y:auto;overscroll-behavior:contain}
 #wpmk-header.wpmk-js.menu-open .wpmk-panel{display:block}
 #wpmk-header .wpmk-item{border-bottom:1px solid var(--wpmk-line)}
 #wpmk-header .wpmk-item:last-child{border-bottom:0}
 #wpmk-header .wpmk-row{justify-content:space-between;min-height:52px}
 #wpmk-header .wpmk-link{flex:1 1 auto;min-width:0;padding:14px 16px;font-size:17px;white-space:normal}
 #wpmk-header .wpmk-link[aria-current="page"]{color:var(--wpmk-red)}
 #wpmk-header .is-current-parent>.wpmk-row .wpmk-link{box-shadow:inset 3px 0 0 var(--wpmk-red)}
 #wpmk-header .wpmk-sub-toggle{width:48px;height:48px;margin-right:6px;border-radius:10px}
 #wpmk-header .wpmk-sub-toggle:hover{background:var(--wpmk-light)}
 #wpmk-header.wpmk-js .wpmk-sub{display:none}
 #wpmk-header .wpmk-sub{background:var(--wpmk-light);padding:4px 0 10px}
 #wpmk-header.wpmk-js .wpmk-item.is-open>.wpmk-sub{display:block}
 #wpmk-header .wpmk-sublink{min-height:48px;display:flex;align-items:center;margin-left:16px;padding:12px 16px 12px 18px;border-left:3px solid var(--wpmk-line);font-size:16px}
 #wpmk-header .wpmk-sublink:hover,#wpmk-header .wpmk-sublink[aria-current="page"]{border-left-color:var(--wpmk-red)}
 /* Sans JavaScript : menu entièrement déplié, boutons masqués */
 #wpmk-header:not(.wpmk-js) .wpmk-sub-toggle{display:none}
}

/* Badge d'aperçu administrateur */
.wpmk-preview-badge{position:fixed;left:12px;bottom:12px;z-index:100000;background:#122F71;color:#fff;font:600 13px/1.4 system-ui,sans-serif;padding:8px 12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.wpmk-preview-badge a{color:#fff;text-decoration:underline}

@media (prefers-reduced-motion:reduce){
 #wpmk-header *,#wpmk-header *::before,#wpmk-header *::after{transition:none!important;animation:none!important}
}
