/* Styles propres à index.php. */
/* Action principale mise en avant pendant le parcours guidé */
    body.pdc-mode-guided .pdc-guide-primary-action {
      position: relative !important;
      z-index: 50 !important;
      color: #fff !important;
      background: var(--primary, #2563eb) !important;
      border-color: var(--primary, #2563eb) !important;
      box-shadow:
        0 0 0 4px rgba(37, 99, 235, .22),
        0 0 0 9px rgba(37, 99, 235, .09),
        0 10px 28px rgba(37, 99, 235, .32) !important;
      transform: translateY(-1px) scale(1.035);
      animation: pdcGuidePrimaryPulse 1.65s ease-in-out infinite;
    }

    body.pdc-mode-guided .pdc-guide-primary-action:hover,
    body.pdc-mode-guided .pdc-guide-primary-action:focus-visible {
      color: #fff !important;
      background: var(--primary-dark, #1d4ed8) !important;
      border-color: var(--primary-dark, #1d4ed8) !important;
      box-shadow:
        0 0 0 5px rgba(37, 99, 235, .27),
        0 0 0 10px rgba(37, 99, 235, .11),
        0 12px 32px rgba(37, 99, 235, .38) !important;
    }

    body.pdc-mode-guided .pdc-guide-primary-action .icon,
    body.pdc-mode-guided .pdc-guide-primary-action .chevron {
      color: currentColor !important;
    }

    @keyframes pdcGuidePrimaryPulse {
      0%, 100% {
        box-shadow:
          0 0 0 4px rgba(37, 99, 235, .20),
          0 0 0 8px rgba(37, 99, 235, .07),
          0 9px 25px rgba(37, 99, 235, .28);
      }
      50% {
        box-shadow:
          0 0 0 6px rgba(37, 99, 235, .28),
          0 0 0 13px rgba(37, 99, 235, .10),
          0 13px 34px rgba(37, 99, 235, .38);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      body.pdc-mode-guided .pdc-guide-primary-action {
        animation: none;
      }
    }