/*
 * FFE Tools — Fondations CSS front-office
 * Sprint 4.3.1 — v4.2.13
 *
 * Ce fichier est chargé via wp_enqueue_scripts sur toutes les pages front.
 * Il est également inclus en inline dans render_front_styles() pour la
 * compatibilité avec FFE_Comp_Builder_Admin (aperçu standalone).
 *
 * Ne pas y mettre de sélecteurs spécifiques à un composant — uniquement
 * les fondations partagées.
 */

/* ── Variables CSS ────────────────────────────────────────────────────────── */
:root {
    --ffe-color-primary:   #0073aa;
    --ffe-color-success:   #2e7d32;
    --ffe-color-warning:   #856404;
    --ffe-color-danger:    #721c24;
    --ffe-color-muted:     #6c757d;
    --ffe-color-border:    #ddd;
    --ffe-color-bg-even:   #fafafa;
    --ffe-color-bg-head:   #f5f5f5;
    --ffe-font-size-sm:    .82em;
    --ffe-font-size-xs:    .78em;
    --ffe-cell-pad:        4px 6px;
    --ffe-cell-pad-compact: 1px 3px;
}

/* ── Tableau générique ────────────────────────────────────────────────────── */
.ffe-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}
.ffe-table th,
.ffe-table td {
    border: 1px solid var(--ffe-color-border);
    padding: var(--ffe-cell-pad);
    line-height: 1.1;
    font-size: var(--ffe-font-size-sm);
    text-align: left;
}
.ffe-table th {
    background: var(--ffe-color-bg-head);
    font-weight: 600;
}
.ffe-table tbody tr:nth-child(even) {
    background: var(--ffe-color-bg-even);
}
.ffe-table tfoot td {
    font-weight: 700;
    background: var(--ffe-color-bg-head);
}

/* Mode compact */
.ffe-table.ffe-compact th,
.ffe-table.ffe-compact td {
    padding: var(--ffe-cell-pad-compact);
    font-size: var(--ffe-font-size-xs);
    white-space: nowrap;
    line-height: 1.0;
}

/* ── Responsive wrapper ───────────────────────────────────────────────────── */
.ffe-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Colonnes optionnelles (masquées sur mobile) ──────────────────────────── */
@media (max-width: 600px) {
    .ffe-col-optional {
        display: none;
    }
}

/* ── Accessibilité : masquage visuel (lecteurs d'écran uniquement) ─────────── */
.ffe-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── Badge front-office ───────────────────────────────────────────────────── */
.ffe-badge-front {
    display: inline-block;
    font-size: .72em;
    font-weight: 700;
    border-radius: 3px;
    padding: 1px 5px;
    line-height: 1.4;
    white-space: nowrap;
}
.ffe-badge-front--blue   { color: #1565c0; background: #e3f2fd; border: 1px solid #bbdefb; }
.ffe-badge-front--purple { color: #6a1b9a; background: #f3e5f5; border: 1px solid #ce93d8; }
.ffe-badge-front--green  { color: #1b5e20; background: #e8f5e9; border: 1px solid #c8e6c9; }
.ffe-badge-front--orange { color: #bf360c; background: #fff3e0; border: 1px solid #ffe0b2; }
.ffe-badge-front--red    { color: #880e4f; background: #fce4ec; border: 1px solid #f8bbd0; }
.ffe-badge-front--grey   { color: #383d41; background: #e2e3e5; border: 1px solid #d6d8db; }

/* ── Mise en valeur du club (ligne dans un tableau de classement ou de grille) ── */
.ffe-table tr.ffe-club-highlight td {
    font-weight: 600;
    border-left: 3px solid var(--ffe-color-primary);
}

/* ── Titre d'un shortcode tournoi importé ─────────────────────────────────── */
.ffe-tournoi-titre {
    margin: 0.5em 0 0.25em;
    font-size: 1.1em;
    font-weight: 700;
}