/* ===== SUPPRESSION COMPLÈTE DE TOUS LES OUTLINES ===== */

/* Suppression SÉLECTIVE des outlines - seulement sur les éléments problématiques */
/* On garde les outlines sur les produits et boutons d'achat */

/* Suppression spécifique pour les éléments about__info et about__square seulement */
.about__info,
.about__info *,
.about__square,
.about__square * {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

/* Suppression de tous les états de focus sur about__info et about__square */
.about__info:focus,
.about__info:focus-visible,
.about__info:focus-within,
.about__info:active,
.about__info:visited,
.about__info:hover,
.about__info *:focus,
.about__info *:focus-visible,
.about__info *:focus-within,
.about__info *:active,
.about__info *:visited,
.about__info *:hover,
.about__square:focus,
.about__square:focus-visible,
.about__square:focus-within,
.about__square:active,
.about__square:visited,
.about__square:hover,
.about__square *:focus,
.about__square *:focus-visible,
.about__square *:focus-within,
.about__square *:active,
.about__square *:visited,
.about__square *:hover {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

/* Suppression spécifique pour les éléments problématiques */
.about__info,
.about__info *,
.about__square,
.about__square *,
.header__arrow,
.header__arrow *,
.section__about,
.section__about *,
.section__shop,
.section__shop *,
.section__faq,
.section__faq *,
.section__reviews,
.section__reviews *,
.section__footer,
.section__footer *,
.section__navbar,
.section__navbar * {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Suppression FORCÉE des bordures rouges sur les éléments about */
.about__info,
.about__info *,
.about__square,
.about__square * {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

/* Suppression de tous les états de focus sur about__info */
.about__info:focus,
.about__info:focus-visible,
.about__info:focus-within,
.about__info:active,
.about__info:visited,
.about__info:hover {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

/* Suppression de tous les états de focus sur about__square */
.about__square:focus,
.about__square:focus-visible,
.about__square:focus-within,
.about__square:active,
.about__square:visited,
.about__square:hover {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important;
}

/* Suppression de tous les états de focus sur ces éléments */
.about__info:focus,
.about__info:focus-visible,
.about__info:focus-within,
.about__info:active,
.about__info:visited,
.about__info:hover,
.about__info *:focus,
.about__info *:focus-visible,
.about__info *:focus-within,
.about__info *:active,
.about__info *:visited,
.about__info *:hover {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Suppression de l'outline sur tous les liens */
a,
a:focus,
a:focus-visible,
a:focus-within,
a:active,
a:visited,
a:hover {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Suppression de l'outline sur tous les éléments focusables */
button,
input,
textarea,
select,
div[tabindex],
span[tabindex] {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
}

/* Suppression de l'outline sur tous les éléments avec tabindex */
[tabindex]:focus,
[tabindex]:focus-visible,
[tabindex]:focus-within {
    outline: none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}