/* Arena VS — en-tête, pied de page et boutons flottants communs à toutes les pages.
   Repris de l'accueil (arena-home.css) pour que la navigation soit identique partout.
   Chargé après tailwind.css + arena-design.css sur les pages intérieures. */
:root{--ink:#153d32;--muted:#53675e;--lime:#d9f66f;--paper:#fafbf7;--line:#dce3d9;--dark:#133b30}

.site-header .wrap,.site-footer .wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.site-header a,.site-footer a,.whatsapp-link{text-decoration:none}
.site-header .arrow{display:inline-flex;font-size:1.3rem;line-height:1;transition:transform .2s}
.site-header .button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 18px;border-radius:9px;border:1px solid transparent;background:var(--ink);color:#fff;font-size:.875rem;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}
.site-header .button:hover{background:#255343;transform:translateY(-2px)}
.site-header .button:hover .arrow{transform:translate(3px,-3px)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(250,251,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);color:var(--ink);font-family:'Inter',Arial,sans-serif;font-weight:400}
.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand,.site-footer .brand{display:block;width:155px;flex-shrink:0}
.site-header .brand img,.site-footer .brand img{width:155px;height:65px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.85}
.desktop-nav{display:flex;gap:30px;font-size:.875rem}
.desktop-nav a{padding:8px 0;color:var(--ink);white-space:nowrap}
.desktop-nav a:hover{color:#648122}
.desktop-nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--lime)}
.header-actions{display:flex;align-items:center;gap:16px}
.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:transparent;padding:10px;color:var(--ink);font-size:.875rem;cursor:pointer}
.mobile-nav{padding:8px 24px 24px;border-top:1px solid var(--line)}
.mobile-nav a{display:block;padding:11px 0;color:var(--ink)}
.mobile-nav[hidden]{display:none}
.cta-short{display:none}

/* Sélecteur de langue (pages traduites) */
.lang-switch{display:flex;gap:2px}
.site-header .lang-btn{border:1px solid transparent;background:transparent;color:var(--muted);font-size:.75rem;font-weight:500;padding:5px 7px;border-radius:6px;cursor:pointer}
.site-header .lang-btn:hover{color:var(--ink)}
.site-header .lang-btn.active{border-color:var(--line)!important;background:#fff!important;color:var(--ink)}

.site-footer{padding:65px 0 25px;background:var(--paper);color:var(--ink);border-top:1px solid var(--line);font-family:'Inter',Arial,sans-serif;font-weight:400;line-height:1.6}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}
.footer-brand>p{max-width:260px;color:var(--muted);font-size:.875rem;margin-top:12px}
.footer-column h2{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;font-weight:600;line-height:1.3}
.footer-column a{display:block;font-size:.8125rem;color:var(--muted);margin:9px 0}
.footer-column a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;font-size:.75rem;color:var(--muted)}
.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}

.whatsapp-link{position:fixed;bottom:90px;right:20px;z-index:20;background:var(--dark);color:#fff;border:1px solid #ffffff55;box-shadow:0 4px 15px #14382b20;border-radius:30px;padding:12px 18px;font-size:.8125rem;font-family:'Inter',Arial,sans-serif}
.whatsapp-link:hover{background:#285943}

@media(max-width:1100px){.site-header .wrap,.site-footer .wrap{width:calc(100% - 56px)}.desktop-nav{gap:18px}}
@media(max-width:800px){.header-inner{height:76px}.site-header .brand,.site-header .brand img{width:130px}.site-header .brand img{height:58px}.desktop-nav{display:none}.menu-toggle{display:block}.footer-main{grid-template-columns:repeat(3,1fr);gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:15px}}
@media(max-width:560px){.site-header .wrap,.site-footer .wrap{width:calc(100% - 40px)}.header-inner{gap:12px}.site-header .brand,.site-header .brand img{width:110px}.header-actions{gap:8px}.site-header .button{font-size:.75rem;padding:11px 12px;gap:10px;white-space:nowrap}.menu-toggle{font-size:.8125rem;padding:9px}.cta-long{display:none}.cta-short{display:inline}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-column:last-child{grid-column:1/-1}.footer-bottom nav{gap:12px 20px}.whatsapp-link{right:12px;bottom:86px;padding:10px 13px;font-size:.75rem}}
/* 5 liens + bouton : on passe au menu déroulant dès la tablette */
@media(max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:block}}
/* Pages traduites sur mobile : la place du bouton va au sélecteur FR/EN/ES (le bouton reste dans la page) */
@media(max-width:560px){.header-actions:has(.lang-switch) .button{display:none}}
@media(max-width:360px){.header-inner{gap:8px}.site-header .brand,.site-header .brand img{width:85px}.header-actions{gap:6px}.site-header .button{padding-inline:9px;gap:6px}.menu-toggle{padding-inline:8px}.lang-switch{display:none}}