/* Menu mobile en plein écran (Félix 25/10 : « pas en plein écran le menu ? »). Feuille à part, hors Used CSS de
   WP Rocket : la règle d'origine (itsrugby-common.css, width: min(340px, 88vw)) est recopiée dans le CSS optimisé
   de milliers de pages, la changer là aurait imposé de tout régénérer. Le bouton Menu, dans le tiroir, le referme. */
@media (max-width: 880px) {
  html body .site-header--v3.menu-open .site-header__top { width: 100vw; border-right: 0; box-shadow: none; }
}
/* La croix (bouton Menu, en haut du tiroir) restait cachée (Félix 25/10) : sous la barre d'administration quand on
   est connecté (46 px sous 783 px de large, 32 px au-delà), sous la barre d'état du téléphone dans l'app. */
@media (max-width: 880px) {
  html body.admin-bar .site-header--v3.menu-open .site-header__top { top: 32px; }
  html.is-app body .site-header--v3.menu-open .site-header__top { padding-top: env(safe-area-inset-top, 0px); }
}
@media (max-width: 782px) {
  html body.admin-bar .site-header--v3.menu-open .site-header__top { top: 46px; }
}
/* Logo seul sur sa ligne sous « Fermer » (Félix 25/10 : « chelou ») : masqué dans le menu ouvert, il reste dans l'en-tête. */
@media (max-width: 880px) {
  html body .site-header--v3.menu-open .site-header__top .site-header__cell--logo { display: none; }
}
/* Une ligne d'icônes en haut du menu (Félix 25/10) : Rechercher, drapeaux, Messagerie, Notifications, sans libellé
   (les liens gardent leur aria-label), puis le profil. Les libellés venaient de ::after. */
@media (max-width: 880px) {
  html body .site-header--v3.menu-open .site-header__cell--actions-right .header-actions { flex-wrap: wrap; align-items: stretch; justify-content: flex-start; padding-left: 6px; }
  html body .site-header--v3.menu-open .header-actions > .header-search-link,
  html body .site-header--v3.menu-open .header-actions > .itsr-lang-switch,
  html body .site-header--v3.menu-open .header-actions > .header-bell-wrap { flex: 0 0 auto; width: auto; min-width: 0; border-bottom: 0; }
  html body .site-header--v3.menu-open .header-actions > .header-search-link,
  html body .site-header--v3.menu-open .header-actions > .itsr-lang-switch,
  html body .site-header--v3.menu-open .header-actions > .header-bell-wrap > .header-bell { justify-content: center; width: auto; min-width: 44px; height: 64px; padding: 0 10px; border-bottom: 0; }
  html body .site-header--v3.menu-open .header-actions > .header-search-link::after,
  html body .site-header--v3.menu-open .header-actions > .itsr-lang-switch::after,
  html body .site-header--v3.menu-open .header-actions > .header-bell-wrap > .header-bell::after { content: none; display: none; }
  html body .site-header--v3.menu-open .header-actions > .nav-dropdown--user { flex: 1 0 100%; border-top: 1px solid rgba(242, 229, 210, .12); }
}
/* Icônes sur la ligne de « Fermer » (Félix 25/10) : la barre fait 64 px, la ligne d'icônes remonte dedans, à gauche
   de la croix ; la zone vide laisse passer les clics vers la croix. */
@media (max-width: 880px) {
  html body .site-header--v3.menu-open .site-header__cell--cats-left { height: 64px; min-height: 64px; box-sizing: border-box; }
  html body .site-header--v3.menu-open .site-header__cell--actions-right { position: relative; z-index: 2; margin-top: -64px; background: transparent; pointer-events: none; }
  html body .site-header--v3.menu-open .site-header__cell--actions-right .header-actions { background: transparent; pointer-events: none; }
  html body .site-header--v3.menu-open .site-header__cell--actions-right .header-actions > * { pointer-events: auto; }
}
/* Plus de mot « Fermer » (Félix 25/10 : « pas besoin ») : la croix suffit. */
@media (max-width: 880px) {
  html body .site-header--v3.menu-open .site-header__cell--cats-left::after { content: none; display: none; }
}