/* ============================================================================
   custom.css du theme jqui — [MIGRATION 09/11/2026]
   Tiki 30 (layout Bootstrap 5) émet des landmarks d'accessibilite
   (skipnav, h2 .visually-hidden-focusable) que l'ancien CSS du theme jqui
   (ère Bootstrap 3) ne sait pas cacher : ils apparaissaient comme du texte
   visible ("Skip to main content", "Site identity, navigation, etc.", ...).
   On restaure ici le comportement Bootstrap 5 : invisibles a l oeil,
   redevenus visibles au focus clavier (accessibilite conservee).
   ========================================================================== */

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden-focusable:focus,
.visually-hidden-focusable:focus-within {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: inherit !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
}

/* lien "Skip to main content" : hors ecran tant qu'il n a pas le focus */
.skipnav {
    position: absolute;
    left: -10000px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skipnav:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    z-index: 10000;
}