/* ========================================
   SUPPRESSION DE L'EFFET BLEU (OUTLINE)
   Pour tous les éléments interactifs
   ======================================== */

/* Supprimer l'outline bleu par défaut sur tous les éléments */
*:focus,
*:active,
button:focus,
button:active,
a:focus,
a:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Supprimer l'effet de surbrillance sur mobile */
* {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Autoriser la sélection de texte pour les champs de saisie */
input,
textarea,
[contenteditable="true"] {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Bouton toggle de la navbar (hamburger menu) */
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Boutons Bootstrap */
.btn:focus,
.btn:active,
.btn.active,
.btn.focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Liens de la sidebar */
.sidebar-menu-button:focus,
.sidebar-menu-button:active,
.sidebar-js-collapse:focus,
.sidebar-js-collapse:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Tous les éléments de la sidebar */
.sidebar *:focus,
.sidebar *:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Navbar */
.navbar *:focus,
.navbar *:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Cards et autres composants */
.card *:focus,
.card *:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Dropdown menus */
.dropdown-toggle:focus,
.dropdown-toggle:active,
.dropdown-item:focus,
.dropdown-item:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Navigation pills et tabs */
.nav-link:focus,
.nav-link:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Pour l'accessibilité : garde un outline subtil pour la navigation clavier uniquement */
*:focus-visible {
    outline: 2px solid rgba(231, 125, 1, 0.3) !important;
    outline-offset: 2px;
}

/* Mais pas sur les boutons et liens qui ont déjà un état hover */
button:focus-visible,
a:focus-visible,
.btn:focus-visible {
    outline: none !important;
}