/* Majestic Arena : barre, recherche, assistant */
body.ma-doc{padding-top:60px}
.ma-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:14px;
  background:#12233B;border-bottom:3px solid #C9A227;padding:0 16px;height:60px;box-shadow:0 4px 18px rgba(0,0,0,.28)}
.ma-logo img{height:40px;display:block}
.ma-links{display:flex;gap:2px;overflow-x:auto;flex:1;scrollbar-width:none}
.ma-links::-webkit-scrollbar{display:none}
.ma-links a{font:600 12.5px/1 "IBM Plex Mono",monospace;color:#AFC0D6;text-decoration:none;padding:10px 11px;
  border-radius:8px;white-space:nowrap;transition:color .18s,background .18s}
.ma-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.ma-links a.active{color:#12233B;background:#C9A227}
.ma-actions{display:flex;gap:8px;align-items:center}
.ma-actions button{font:600 12.5px/1 "Public Sans",system-ui,sans-serif;color:#F2F5F9;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 13px;cursor:pointer;white-space:nowrap;
  transition:background .18s,transform .12s}
.ma-actions button:hover{background:#C9A227;color:#12233B;transform:translateY(-1px)}
#ma-logout{padding:9px 11px}
@media(max-width:720px){.ma-actions button span{display:none}.ma-logo img{height:32px}}

/* ---------- Recherche ---------- */
.ma-overlay{position:fixed;inset:0;z-index:1100;background:rgba(10,18,30,.78);backdrop-filter:blur(6px);
  display:none;align-items:flex-start;justify-content:center;padding:8vh 16px 16px}
.ma-overlay.open{display:flex;animation:maFade .22s ease}
.ma-panel{width:min(760px,100%);background:#F4F6F9;border-radius:16px;border-top:4px solid #C9A227;
  box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;max-height:80vh;
  animation:maUp .28s cubic-bezier(.2,.9,.3,1.2)}
.ma-panel header{display:flex;gap:10px;padding:16px 18px;border-bottom:1px solid #D9E0E8;align-items:center}
.ma-panel header input{flex:1;font:500 17px/1.4 "Public Sans",system-ui,sans-serif;border:none;outline:none;background:transparent;color:#1B2634}
.ma-close{border:none;background:#E6EBF1;border-radius:999px;width:32px;height:32px;cursor:pointer;font-size:15px;color:#5C6B7F}
.ma-results{overflow-y:auto;padding:8px 10px 14px}
.ma-hit{display:block;text-decoration:none;color:#1B2634;padding:12px 14px;border-radius:12px;margin:4px 4px;
  border:1px solid transparent;transition:background .15s,border-color .15s}
.ma-hit:hover{background:#fff;border-color:#D9C68A}
.ma-hit .badge{font:600 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;border-radius:999px;padding:4px 9px;margin-right:8px}
.ma-hit .t{font:700 14.5px/1.35 "Public Sans",sans-serif;color:#1E3A5F}
.ma-hit .s{font-size:13px;color:#5C6B7F;margin-top:5px;line-height:1.5}
.ma-hit mark{background:#F5EED9;color:#8C6D14;border-radius:3px;padding:0 2px}
.ma-empty{padding:26px;text-align:center;color:#5C6B7F;font-size:14px}
@keyframes maFade{from{opacity:0}to{opacity:1}}
@keyframes maUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- Le Cagou (assistant) ---------- */
.ma-chat{position:fixed;right:18px;bottom:18px;z-index:1090;width:min(400px,calc(100vw - 28px));
  background:#F4F6F9;border-radius:18px;border:1px solid #D9E0E8;border-top:4px solid #C9A227;
  box-shadow:0 24px 70px rgba(0,0,0,.45);display:none;flex-direction:column;max-height:min(600px,78vh);overflow:hidden}
.ma-chat.open{display:flex;animation:maUp .3s cubic-bezier(.2,.9,.3,1.2)}
.ma-chat-head{display:flex;align-items:center;gap:10px;background:#12233B;padding:12px 14px}
.ma-chat-head img{height:30px}
.ma-chat-head .who{flex:1}
.ma-chat-head .who b{display:block;color:#F2F5F9;font:700 14px/1.2 "Public Sans",sans-serif}
.ma-chat-head .who i{color:#AFC0D6;font:400 11px/1.3 "Public Sans",sans-serif;font-style:normal}
.ma-msgs{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:180px}
.ma-m{max-width:88%;padding:10px 13px;border-radius:14px;font:400 13.5px/1.55 "Public Sans",sans-serif}
.ma-m.bot{background:#fff;border:1px solid #E6EBF1;border-bottom-left-radius:4px;color:#1B2634;animation:maUp .25s ease}
.ma-m.user{background:#1E3A5F;color:#F2F5F9;align-self:flex-end;border-bottom-right-radius:4px}
.ma-m.bot a{color:#8C6D14;font-weight:600;text-decoration-color:#D9C68A}
.ma-m.bot .src{display:block;margin-top:7px;font-size:12px}
.ma-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.ma-chips button{font:500 11.5px/1 "IBM Plex Mono",monospace;background:#fff;border:1px solid #D9E0E8;color:#1E3A5F;
  border-radius:999px;padding:7px 11px;cursor:pointer}
.ma-chips button:hover{border-color:#C9A227;background:#F5EED9}
.ma-chat-in{display:flex;gap:8px;padding:11px;border-top:1px solid #D9E0E8;background:#fff}
.ma-chat-in input{flex:1;font:400 14px/1.4 "Public Sans",sans-serif;border:1px solid #D9E0E8;border-radius:999px;
  padding:10px 15px;outline:none;color:#1B2634;background:#F4F6F9}
.ma-chat-in input:focus{border-color:#C9A227}
.ma-chat-in button{border:none;background:#C9A227;color:#12233B;font-weight:700;border-radius:999px;padding:0 17px;cursor:pointer}
.ma-typing{display:inline-block}
.ma-typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#AFC0D6;margin:0 2px;
  animation:maB 1s infinite;font-style:normal}
.ma-typing i:nth-child(2){animation-delay:.16s}.ma-typing i:nth-child(3){animation-delay:.32s}
@keyframes maB{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-5px);opacity:1}}
@media print{.ma-nav,.ma-chat,.ma-overlay{display:none!important}body.ma-doc{padding-top:0}}

/* 16/09/2026 · ordinateur moyen : barre compacte (numeros masques, boutons en icones) pour que les 10 rubriques tiennent */
.ma-actions{flex-shrink:0}
@media(max-width:2004px){
  .ma-nav{gap:10px}
  .ma-links a{font-size:12px;padding:10px 8px}
  .ma-links .ma-num{display:none}
  .ma-actions button span{display:none}
  .ma-actions button{padding:9px 11px}
}
/* tablette, petit ordinateur et telephone : menu deroulant au lieu d'une barre a faire glisser */
.ma-menu-btn{display:none}
@media(max-width:1509px){
  .ma-links .ma-num{display:inline}
  .ma-nav{gap:10px}
  .ma-menu-btn{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 "IBM Plex Mono",monospace;color:#12233B;background:#C9A227;border:0;border-radius:999px;padding:10px 14px;cursor:pointer;white-space:nowrap}
  .ma-links{display:none;position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:2px;background:#12233B;border-bottom:3px solid #C9A227;padding:10px 12px 16px;box-shadow:0 18px 30px rgba(0,0,0,.35);max-height:calc(100vh - 60px);overflow-y:auto}
  .ma-nav.menu-ouvert .ma-links{display:flex}
  .ma-links a{padding:14px 12px;font-size:14.5px;white-space:normal}
  .ma-actions{margin-left:auto}
}

/* 17/09/2026 · aucune animation en boucle : logo, couronne, mascotte, guirlandes, etincelles */
img,.spark,.marquee b,.bunting,.bubble,.lynx-peek,.mascotte,.hero img,#loader img,.head img,.ma-logo img,.shine,.lbar i,.crown{animation:none!important}

/* 17/09/2026 · etoiles du hero : scintillement sur place */
@media (prefers-reduced-motion:no-preference){.hero .spark{animation:tw var(--d,2.6s) ease-in-out var(--dl,0s) infinite backwards!important}}
/* 17/09/2026 · eclat dans l'oeil du lynx (assets/eclat.js) */
.ma-eclat{position:absolute;left:0;top:0;width:40px;height:40px;pointer-events:none;z-index:4;opacity:0;transform:translate(-50%,-50%);mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 2%,rgba(245,238,217,.55) 5%,rgba(201,162,39,.12) 10%,rgba(201,162,39,0) 16%)}
.ma-eclat::before,.ma-eclat::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#fff 0%,rgba(245,238,217,.9) 32%,rgba(245,238,217,0) 100%)}
.ma-eclat::before{width:84%;height:max(6%,1.5px)}
.ma-eclat::after{width:max(6%,1.5px);height:100%}
@media (prefers-reduced-motion:reduce){.ma-eclat{display:none!important}}