/* Animation d'attente HorlogeSpinner : calendrier et horloge dont les aiguilles tournent. */
.horloge-attente { display: block; overflow: visible; }
.horloge-attente .ha-ombre { fill: rgba(23, 35, 30, 0.08); }
.horloge-attente .ha-page { fill: #fff; stroke: var(--line, #e5dde2); stroke-width: 1.5; }
.horloge-attente .ha-bandeau { fill: var(--primary, #6b3a5e); }
.horloge-attente .ha-anneau { fill: var(--ink, #241a22); }
.horloge-attente .ha-case { fill: var(--primary-light, #ede7eb); animation: ha-case 2.4s ease-in-out infinite; }
.horloge-attente .ha-case--1 { animation-delay: 0.3s; }
.horloge-attente .ha-case--2 { animation-delay: 0.6s; }
.horloge-attente .ha-case--3 { animation-delay: 0.9s; }
.horloge-attente .ha-cadran { fill: #fff; }
.horloge-attente .ha-cadran-bord { fill: none; stroke: var(--primary, #6b3a5e); stroke-width: 3; }
.horloge-attente .ha-aiguille { stroke: var(--ink, #241a22); stroke-width: 2.4; stroke-linecap: round; }
.horloge-attente .ha-aiguille--minutes { animation: ha-tour 1.6s linear infinite; }
.horloge-attente .ha-aiguille--heures { animation: ha-tour 19.2s linear infinite; }
.horloge-attente .ha-axe { fill: var(--primary, #6b3a5e); }

@keyframes ha-tour { to { transform: rotate(360deg); } }
@keyframes ha-case {
    0%, 100% { fill: var(--primary-light, #ede7eb); }
    40%, 60% { fill: var(--primary, #6b3a5e); }
}

@media (prefers-reduced-motion: reduce) {
    .horloge-attente .ha-aiguille, .horloge-attente .ha-case { animation: none; }
}