.tt { transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s; }
.fi { animation: fi .2s ease-out both; }
@keyframes fi { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.nav-on { background-color: #2563eb; color: white !important; }
.dark .nav-on { background-color: #3b82f6; color: white !important; }

/* M3 — Indicateurs de focus visibles (WCAG 2.4.11) */
*:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 3px;
    border-radius: 6px;
}
.dark *:focus-visible { outline-color: #60a5fa; }

/* M3 — Respect du mouvement réduit */
@media (prefers-reduced-motion: reduce) {
    .tt { transition: none !important; }
    .fi { animation: none !important; }
    * { scroll-behavior: auto !important; }
}

/* Lien d'évitement (accessibilité clavier) */
.skip-link {
    position: absolute;
    top: -56px;
    left: 1rem;
    background: #2563eb;
    color: #fff;
    padding: .5rem 1.25rem;
    border-radius: 0 0 10px 10px;
    font-weight: 700;
    font-size: 0.875rem;
    z-index: 9999;
    text-decoration: none;
    transition: top .15s;
    white-space: nowrap;
}
.skip-link:focus { top: 0; outline: 3px solid #fff; outline-offset: 2px; }

/* ===== IMPRESSION — afficher uniquement le devis + CGV ===== */
.print-only { display: none !important; }

@media print {
    header, footer, nav, .no-print { display: none !important; }
    body { background: white !important; color: black !important; }
    #main-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
    .screen-view { display: none !important; }
    #screen-details { display: block !important; }
    #environments-container { display: block !important; }
    #cgv-print-area { display: block !important; }
    .print-only { display: block !important; }
}

/* M3 — Cibles de toucher minimales 44 × 44 px */
.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
}