/* Menus « Solutions » et « Métiers » (desktop) et panneau de navigation mobile, communs à toutes les pages. */
.nv-menu{position:relative;display:flex;align-items:center}
.nv-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;font-size:14.5px;color:#33302B;cursor:pointer;white-space:nowrap}
.nv-btn:hover,.nv-btn[aria-expanded="true"]{color:#F2543D}
.nv-btn svg{transition:transform .15s}
.nv-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nv-drop{position:absolute;z-index:60;top:calc(100% + 14px);left:-18px;width:340px;padding:8px;background:#fff;border:1px solid #E7E5E1;border-radius:18px;box-shadow:0 14px 34px rgba(20,18,15,.14)}
.nv-drop-s{width:230px}
.nv-drop[hidden]{display:none}
.nv-drop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nv-drop a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:11px 12px;border-radius:12px}
.nv-drop a:hover,.nv-drop a[aria-current="page"]{background:#F4F3F0;color:#14120F}
.nv-drop b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.nv-drop small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:#6E6A62}
.nv-btn:focus-visible,.nv-burger:focus-visible,.nv-panel a:focus-visible,.nv-panel button:focus-visible,.nv-panel summary:focus-visible,.nv-drop a:focus-visible{outline:3px solid #3E28E0;outline-offset:3px}

.nv-burger{display:none;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff;border:1px solid #E2E0DB;border-radius:50%;color:#14120F;cursor:pointer}
.nv-burger[hidden]{display:none!important}
@media (max-width:1200px){.navl{display:none!important}.nv-burger{display:inline-flex}}
/* Le panneau reprend « Se connecter » et le CTA : l'en-tête garde la place du logo et du burger. */
/* Entre 521 et 767 px, le burger prend la place de « Se connecter » ; un libellé de CTA très long passe sur deux lignes. */
@media (max-width:767px){.signin{display:none!important}.hd>span{flex-shrink:1!important;min-width:0}.hd>span>.pill{min-width:0;white-space:normal;text-align:center;line-height:1.15}}
@media (max-width:520px){.hd{flex-wrap:nowrap!important;gap:10px!important}.hd>span{min-width:0}.hd>span>.pill{display:none!important}}

/* CTA ajouté aux pages dont le seul CTA en haut de page était celui du header. */
.nv-hero-cta{display:flex;margin-top:24px}
/* Styles complets : les pages Numéro WhatsApp n'ont pas la variante .p-c. */
.nv-hero-cta .pill{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:50px;padding:15px 26px;border-radius:99px;background:#F2543D;color:#fff;font-size:15.5px;font-weight:600;line-height:1.2;white-space:normal;text-align:center;transition:background .15s}
.nv-hero-cta .pill:hover{background:#14120F;color:#fff}
.nv-hero-cta .pill:focus-visible{outline:3px solid #3E28E0;outline-offset:3px}
.nv-hero-cta-m{display:none}
@media (max-width:520px){.nv-hero-cta-m{display:flex}.nv-hero-cta .pill{flex:1}}

.nv-panel{position:fixed;inset:0 auto 0 0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#14120F;font-family:'Archivo',system-ui,sans-serif;overflow-y:auto}
.nv-panel::backdrop{background:#fff}
.nv-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #F0EEEB}
.nv-top strong{font-size:22px;font-weight:500;letter-spacing:-.045em}
.nv-top button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#fff;border:1px solid #E2E0DB;border-radius:50%;color:#14120F;cursor:pointer}
.nv-list{display:flex;flex-direction:column;padding:8px 20px 28px}
.nv-list>a,.nv-acc>summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;font-size:24px;font-weight:700;font-stretch:80%;letter-spacing:-.025em;color:#14120F;border-bottom:1px solid #F0EEEB;cursor:pointer}
.nv-acc>summary{list-style:none}
.nv-acc>summary::-webkit-details-marker{display:none}
.nv-acc>summary::after{content:"+";font-size:28px;font-weight:400;color:#F2543D;transition:transform .2s}
.nv-acc[open]>summary::after{transform:rotate(45deg)}
.nv-acc-body{display:flex;flex-direction:column;padding:6px 0 12px;border-bottom:1px solid #F0EEEB}
.nv-acc-body a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:11px 0}
.nv-acc-body b{display:block;font-size:17px;font-weight:600}
.nv-acc-body small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:#6E6A62}
.nv-acc-body a[aria-current="page"] b{color:#C23A26}
.nv-foot{display:flex;flex-direction:column;gap:10px;padding:0 20px 28px}
.nv-foot a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:99px;font-size:16px;font-weight:600;text-align:center}
.nv-foot .nv-cta{background:#14120F;color:#fff}
.nv-foot .nv-sign{border:1.5px solid #14120F;color:#14120F}
@media (prefers-reduced-motion:reduce){.nv-btn svg,.nv-acc>summary::after{transition:none}}