/* v45 (20/10/2026) : bandeau et pied de page alignés sur moraq.co (composants Navigation et Footer du site, relevés à 375/768/1280).
   Chargé après quiz.css et après les styles intégrés des pages autonomes. Ne touche ni au consentement ni aux balises. */
.mqnav,.mqfoot{--mqn:#0D1B33;--mqg:#E5B94E;--mqc:#F5F1E8}
.mqnav{background:var(--mqn)!important;border-bottom:1px solid rgba(245,241,232,.1);box-shadow:none}
.mqnav .mqnav-bar{max-width:1200px;min-height:64px;margin:0 auto;padding:0 24px;gap:24px;flex-wrap:nowrap}
.mqnav .brand img{height:30px;width:auto}
.mqnav .navlinks{display:flex;gap:24px;margin-left:0}
.mqnav .navlinks a{font-family:'Heebo',system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:-.2px;color:var(--mqc);opacity:1;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.mqnav .navlinks a.dim{opacity:.6}
.mqnav .navlinks a:hover{color:var(--mqg);opacity:1}
.mqnav .navcta{margin-left:auto;font-family:'Heebo',system-ui,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.34px;line-height:34px;min-height:34px;padding:0 18px;border-radius:100px;background:var(--mqg);color:var(--mqn);text-decoration:none;white-space:nowrap;position:relative}
.mqnav .navcta::after{content:"";position:absolute;inset:-5px 0}
.mqnav .navburger{width:44px;height:44px;flex:none;position:relative}
.mqnav .navburger span{width:20px;transition:transform .2s,opacity .2s}
.mqnav .navburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mqnav .navburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mqnav .navburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mqnav .navmenu{border-top:0;padding:4px 24px 16px;align-items:flex-end}
.mqnav .navmenu a{border-bottom:0;padding:0;min-height:46px;display:flex;align-items:center;justify-content:flex-end;font-family:'Heebo',system-ui,sans-serif;font-size:16px;font-weight:500;color:var(--mqc)}
@media(max-width:1060px) and (min-width:821px){.mqnav .navlinks{gap:16px}.mqnav .navlinks a{font-size:14px}.mqnav .navcta{font-size:15px;padding:0 14px}}
@media(max-width:820px){.mqnav .navlinks{display:none}.mqnav .navburger{display:flex}.mqnav .mqnav-bar{gap:10px;padding:0 16px}}
@media(max-width:560px){.mqnav .mqnav-bar{min-height:64px}.mqnav .navcta{font-size:16px;padding:0 14px}.mqnav .brand img{height:28px}}
@media(max-width:360px){.mqnav .navcta{font-size:14px;padding:0 10px}}
.mqfoot{background:var(--mqc)!important;color:var(--mqn);border-top:0;padding:56px 24px 32px;font-family:'Heebo',system-ui,sans-serif;text-align:left}
.mqfoot .fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;max-width:1100px;margin:0 auto}
.mqfoot .fcol{display:flex;flex-direction:column;gap:0}
.mqfoot .fhead{font-family:'Heebo',system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:0;color:var(--mqn);margin:0 0 4px}
.mqfoot a{color:var(--mqn);opacity:1;font-size:13px;line-height:1.3;text-decoration:none;display:flex;align-items:center;min-height:44px}
.mqfoot a:hover{color:#9A7420}
.mqfoot .copy{font-size:12px;color:var(--mqn);opacity:.8;max-width:1100px;margin:32px auto 0}
@media(max-width:820px){.mqfoot .fgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.mqfoot{padding:40px 20px 28px}.mqfoot .fgrid{grid-template-columns:1fr;gap:20px}}
.mqnav .brand{min-height:44px;display:flex;align-items:center}
/* Pages quiz : le bandeau sort de la colonne .wrap pour occuper toute la largeur, comme sur moraq.co */
.wrap .mqnav{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.mqnav .navlinks a,.mqnav .navcta{white-space:nowrap}
/* v46: pixel match moraq.co (measured 20/10) */
.mqnav{border-bottom:0!important;min-height:64px;width:auto;margin:0 20px}
.wrap .mqnav{width:calc(100vw - 40px);margin-left:calc(50% - 50vw + 20px);margin-right:0}
.mqnav .mqnav-bar{max-width:none;min-height:64px;padding:0 44px;gap:0}
.mqnav .brand{min-height:30px}
.mqnav .brand img{height:30px}
.mqnav .navlinks{gap:24px;margin-left:18px}
.mqnav .navlinks a{min-height:22px;line-height:22px;letter-spacing:-.3px}
.mqnav .navcta{font-size:17px;padding:0 18px}
.mqnav .navburger{width:40px;height:40px;margin-left:10px}
@media(max-width:1199px){.mqnav .navlinks{display:none}.mqnav .navburger{display:flex}.mqnav .mqnav-bar{padding:0 16px;gap:0}.mqnav .navcta{font-size:17px;padding:0 14px}}
@media(max-width:809px){.mqnav{margin:0 16px}.wrap .mqnav{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px)}.mqnav .mqnav-bar{padding:0 0 0 12px}.mqnav .navcta{font-size:17px;padding:0 12px}.mqnav .brand img{height:30px}}
@media(max-width:360px){.mqnav .navcta{font-size:14px;padding:0 10px}}
.mqfoot{margin:0 20px;padding:64px 0 32px}
.mqfoot .fgrid{max-width:1100px;gap:48px;margin:0 auto;align-items:start}
.mqfoot .fcol{gap:10px}
.mqfoot .fhead{font-size:12px;font-weight:600;line-height:14px;letter-spacing:.24px;margin:0}
.mqfoot a{font-size:13px;font-weight:400;line-height:18px;letter-spacing:-.26px;min-height:0;display:block}
.mqfoot .copy{font-size:12px;line-height:14.4px;color:rgb(51,65,92);opacity:1;max-width:1100px;margin:28px auto 0}
@media(max-width:1199px){.mqfoot{padding:40px 24px 36px}.mqfoot .fgrid{grid-template-columns:repeat(5,1fr);gap:32px;max-width:none}.mqfoot .copy{max-width:none}}
@media(max-width:809px){.mqfoot{margin:0 16px;padding:36px 20px}.mqfoot .fgrid{grid-template-columns:1fr;gap:28px}}
@media(min-width:821px) and (max-width:1199px){.mqnav .navburger{display:flex!important}.mqnav .navmenu:not([hidden]){display:flex!important}}
@media(max-width:809px){.mqnav .mqnav-bar{padding:0 12px;min-width:365px;box-sizing:border-box}.mqnav .navcta{margin-left:auto}}
@media(max-width:809px){.mqnav .mqnav-bar{background:var(--mqn)}html{overflow-x:clip}}
/* v46b: gutters painted cream like moraq.co (page bg there is cream) */
.mqnav,.wrap .mqnav{width:100vw!important;margin-left:0;margin-right:0;box-sizing:border-box;border-left:20px solid var(--mqc)!important;border-right:20px solid var(--mqc)!important;overflow-x:clip}
.wrap .mqnav{margin-left:calc(50% - 50vw)}
.mqfoot{margin:0;padding:64px 20px 32px}
@media(max-width:1199px){.mqfoot{padding:40px 44px 36px}}
@media(max-width:809px){.mqnav,.wrap .mqnav{border-left-width:16px!important;border-right-width:16px!important}.mqfoot{margin:0;padding:36px 36px}}
.mqfoot .fcol{gap:9px}.mqfoot .fhead{line-height:15px}.mqfoot a{line-height:18.67px}
.mqfoot .copy{margin-top:26px}
/* v47: phone header without overflow (aligned with Framer header-mobile-fit) */
@media(max-width:809px){
.mqnav .mqnav-bar{min-width:0;padding:0 12px;gap:8px;flex-wrap:wrap}
.mqnav .brand img{height:28px}
.mqnav .brand{flex:none}.mqnav .navburger{flex:none}.mqnav .navcta{flex:1 1 0;width:auto;max-width:173px;min-width:0;margin-left:auto;white-space:normal;text-align:center;line-height:20.4px;min-height:34px;height:auto;padding:2px 8px;font-size:17px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.mqnav .navburger{width:44px;height:44px;margin:0 0 0 -4px}
}
@media(max-width:360px){.mqnav .navcta{font-size:17px;padding:2px 8px}}
.mqnav .navmenu a{min-height:44px}