/* ================================================
   STYLES GLOBAUX - Randonnée Céretane

   @version 4.0
   NOTE: Les styles du header et du menu sont maintenant
   injectés via critical-styles.php pour éviter les
   problèmes de cache. Ce fichier contient uniquement
   les styles généraux (liens, boutons, accessibilité, animations).
   ================================================ */

/* ================================================
   LIENS GÉNÉRAUX
   ================================================ */

/* Liens généraux */
a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary-dark);
}

/* Boutons WordPress */
/* [CORRIGIGÉ] Sélecteur plus spécifique pour battre Kadence
   (basé sur la structure standard de WordPress) */
body .wp-block-button .wp-block-button__link {
    background-color: var(--color-primary);
    border-radius: var(--radius-full);
}

/* ================================================
   ACCESSIBILITÉ
   ================================================ */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* [ACCESSIBILITÉ] Utiliser :focus-visible pour 
   ne cibler que la navigation clavier */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--color-secondary);
    outline-offset: 2px;
}

/* ================================================
   ANIMATIONS
   ================================================ */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.randonnee-card:nth-child(1) { --animation-delay: 0s; }
.randonnee-card:nth-child(2) { --animation-delay: calc(1 * var(--delay-increment)); }
.randonnee-card:nth-child(3) { --animation-delay: calc(2 * var(--delay-increment)); }
.randonnee-card:nth-child(4) { --animation-delay: calc(3 * var(--delay-increment)); }
.randonnee-card:nth-child(5) { --animation-delay: calc(4 * var(--delay-increment)); }
.randonnee-card:nth-child(6) { --animation-delay: calc(5 * var(--delay-increment)); }
/* Cela continue automatiquement si vous avez plus de cartes */

/* [CORRECTIF] Bloc @media fermé correctement */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}