/* ---------------------------------------------------
    Feuille de style pour schopfer.moustik.site
    Auteur: Sébastien Schopfer
   --------------------------------------------------- */

/* Police générale */
body {
    font-family: 'Poppins', sans-serif;
}

/* Style pour une meilleure visibilité du focus pour la navigation au clavier */
:focus-visible {
    outline: 3px solid #4f46e5;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Permet au contenu principal de recevoir le focus programmatiquement sans contour visible */
main:focus {
    outline: none;
}

/* ---------------------------------------------------
    Styles pour l'Easter Egg "Hacker Mode"
   --------------------------------------------------- */
.hacker-mode {
    background-color: #000 !important;
    color: #0f0 !important;
    font-family: 'Courier New', Courier, monospace !important;
}

.hacker-mode * {
    color: #0f0 !important;
    border-color: #0f0 !important;
}

.hacker-mode a, .hacker-mode button, .hacker-mode h1, .hacker-mode h2, .hacker-mode h3, .hacker-mode h4 {
     text-shadow: 0 0 5px #0f0;
}

.hacker-mode header, .hacker-mode footer, .hacker-mode section#etudes-de-cas, .hacker-mode section#contact {
    background-color: #050505 !important;
}

.hacker-mode div, .hacker-mode section {
     background-color: transparent !important;
}

.hacker-mode img, .hacker-mode svg path {
    filter: grayscale(1) brightness(0.6) sepia(1) hue-rotate(100deg);
    opacity: 0.8;
}

.hacker-mode #mobile-menu {
     background-color: #111 !important;
}

/* ---------------------------------------------------
    Style pour le Honeypot (piège à spam)
   --------------------------------------------------- */
.honeypot {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}
.honeypot:focus {
    outline: none;
}