/* ============================================================
   ADMIN.CSS — Styles des pages d'administration
   - Containers admin
   - Tableaux admin
   - Formulaires admin
   - Listings admin (items, miniatures)
   - Boutons admin (ajout, action, suppression)
   - Overrides locaux (admin_global, admin_edit, admin_sorties)
============================================================ */

/* ============================================================
   TABLEAU ADMIN GENERIQUE
============================================================ */
.table-admin {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Wrapper scrollable horizontal pour les .table-admin :
   évite que les colonnes à largeurs fixes ne débordent sur petit écran */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 10px 0;
}

.table-admin th,
.table-admin td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.table-admin th {
    background-color: #f0f0f0;
    font-weight: bold;
}

/* ============================================================
   VARIANTES DE TABLE-ADMIN — largeurs de colonnes par module
   (à appliquer en classe additionnelle, ex : <table class="table-admin table-sorties">)
============================================================ */

/* Liste des sorties archivées : col 1 / 2 / 3 = 55% / 20% / 25% */
.table-admin.table-sorties th:nth-child(1),
.table-admin.table-sorties td:nth-child(1) {
    width: 55%;
}
.table-admin.table-sorties th:nth-child(2),
.table-admin.table-sorties td:nth-child(2) {
    width: 20%;
    text-align: center;
}
.table-admin.table-sorties th:nth-child(3),
.table-admin.table-sorties td:nth-child(3) {
    width: 25%;
    text-align: center;
}

/* Liste des expositions archivées : col 1 / 2 / 3 = 55% / 25% / 20% */
.table-admin.table-expos th:nth-child(1),
.table-admin.table-expos td:nth-child(1) {
    width: 55%;
}
.table-admin.table-expos th:nth-child(2),
.table-admin.table-expos td:nth-child(2) {
    width: 25%;
    text-align: center;
}
.table-admin.table-expos th:nth-child(3),
.table-admin.table-expos td:nth-child(3) {
    width: 20%;
    text-align: center;
}
/* ============================================================
   TITRE ADMIN
============================================================ */
.admin-title {
    text-align: center;
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: 600;
}

/* Override admin_global.php */
.admin-title.admin-title--brand {
    font-family: 'Delius', Arial, sans-serif;
    color: #2e7d32;
    font-size: 2em;
}
/* ============================================================
   COMPOSANTS LOCAUX (overrides issus des <style> PHP)
============================================================ */
/* admin_edit.php */
.ligne {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* admin_sorties.php */
.actions-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}