/* JOAS · En-tête
 * Bandeau de réassurance, header collant, navigation, menu mobile, panneau de recherche.
 * Valeurs reprises des styles en ligne des maquettes.
 */
#top{width:100%;font-family:var(--font-body);color:var(--jo-green);background:var(--jo-white)}
body{background:var(--jo-white)}

/* Bandeau de réassurance */
.jo-bar{height:var(--jo-bar-h);background:var(--jo-green);color:var(--jo-white);display:flex;align-items:center;justify-content:center;gap:32px;padding:0 48px;font-size:14px;font-weight:500;flex-wrap:wrap;overflow:hidden}

/* Header */
.jo-header{position:sticky;top:0;z-index:50;height:var(--jo-header-h);padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--jo-cream)}
.admin-bar .jo-header{top:32px}
@media (max-width:782px){.admin-bar .jo-header{top:46px}}
.jo-burger{width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;cursor:pointer;flex:none}
.jo-brand{display:block}
.jo-logo{display:block;height:56px;width:auto;color:var(--jo-green)}
svg.jo-logo{aspect-ratio:595.3/326}
.jo-nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:600;color:var(--jo-green)}
.jo-nav .jo-nl{font-weight:600}
.jo-dp-mega{left:calc(50% - 259px)}
.jo-dp-small{left:calc(50% - 53px)}
.jo-pill{display:flex;align-items:center;gap:4px;height:48px;padding:0 8px;background:var(--jo-coral);border-radius:6px;flex:none}
.jo-pill-btn{position:relative;width:44px;height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--jo-white)}
.jo-pill-sep{width:1px;height:22px;background:rgba(255,255,255,0.6)}
.jo-pill a.jo-pill-btn:hover{background:rgba(255,255,255,0.18);border-radius:4px}
.jo-count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--jo-green);color:var(--jo-white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.jo-count[data-count="0"]{display:none}

/* Menu mobile */
.jo-menu{position:absolute;top:100%;left:0;right:0;padding:4px 20px 12px;background:var(--jo-cream-2);border-bottom:1px solid var(--jo-line);box-shadow:0 12px 24px rgba(1,69,81,0.12);color:var(--jo-green)}
.jo-menu[hidden]{display:none !important}
.jo-menu>a{display:flex;align-items:center;min-height:52px;font-size:18px;font-weight:600;border-bottom:1px solid var(--jo-line)}
.jo-menu>a:last-child{border-bottom:0}
.jo-menu details{border-bottom:1px solid var(--jo-line)}
.jo-menu summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:18px;font-weight:600}
.jo-menu .jo-chev{transition:transform .2s}
.jo-menu-sub{padding-bottom:8px}
.jo-menu-sub a{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;padding-left:16px}
@media (max-width:560px){
	.jo-menu-sub a{min-height:44px;font-size:16px;font-weight:500;border-bottom:0}
}

/* Panneau de recherche */
.jo-s-wrap[hidden]{display:none}
.jo-s-none{margin:18px 0 0;font-size:17px;line-height:1.55;font-weight:600;color:var(--jo-green);max-width:560px}

/* Lien d'évitement */
.jo-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:var(--jo-r-btn);background:var(--jo-green);color:var(--jo-white);font-family:var(--font-body);font-weight:700}
.jo-skip:focus{top:12px}
@media (max-width:560px){header.jo-pad .jo-pill .jo-pill-btn{width:40px}}