@charset "UTF-8";

/* Styles personnalisés pour Stade Poitevin Escrime — Charte Noir & Blanc / Bleu */

:root {
    --spe-dark: #111111;
    --spe-primary: #111827;
    --spe-accent: #2563EB;
    --spe-accent-hover: #1D4ED8;
    --spe-light: #F8FAFC;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #f1f5f9;
    color: #0f172a;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Animations et transitions */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.2s ease;
}
.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

/* Badges & Status */
.badge-epreuve {
    background-color: #EFF6FF;
    color: #1E40AF;
    border: 1px solid #BFDBFE;
}

.badge-vehicule {
    background-color: #F0FDF4;
    color: #166534;
    border: 1px solid #BBF7D0;
}

.badge-minibus {
    background-color: #F8FAFC;
    color: #0F172A;
    border: 1px solid #CBD5E1;
}

.badge-covoiturage {
    background-color: #FEF2F2;
    color: #991B1B;
    border: 1px solid #FECACA;
}

.badge-hotel {
    background-color: #F5F3FF;
    color: #5B21B6;
    border: 1px solid #DDD6FE;
}

/* Tables triables */
th.sortable {
    cursor: pointer;
    user-select: none;
}
th.sortable:hover {
    background-color: #334155;
}

/* Mode impression et Fiche Logistique PDF */
.fiche-pdf-page {
    background: white;
    color: #0f172a;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.4;
}

.pdf-avoid-break {
    page-break-inside: avoid;
    break-inside: avoid;
}

@media print {
    header, footer, nav, .no-print {
        display: none !important;
    }
    body {
        background: white !important;
        color: black !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .print-full-width {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Si la modal PDF est ouverte pendant l'impression */
    .modal-pdf-backdrop {
        position: static !important;
        background: none !important;
        padding: 0 !important;
    }
    .modal-pdf-container {
        max-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
    }
    .fiche-pdf-page {
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
}