/* =============================================================================
   style_bourse_dossard.css — feuille PARTAGÉE par toutes les pages du module
   bourse aux dossards (bourse_dossard.php, interet_dossard.php,
   paiement_bourse.php, valider_transfert.php, jf_chrono_pages/page_bourse_dossards.php).

   Contient uniquement ce qui est COMMUN à toutes ces pages : variables de
   couleur, correctifs d'alignement sur le template du site (top.php/style.css),
   et le logo. Les styles propres à une seule page (formulaire, tableau recap,
   listing...) restent dans le <style> inline de chaque fichier.

   Modifier un correctif de template ici s'applique à toutes les pages qui
   chargent ce fichier, sans avoir à toucher chacune individuellement.
   ============================================================================= */

:root {
    --bourse-teal: #127b8a;
    --bourse-red: #e2321b;
    --bourse-ink: #161616;
}

/* --- Correctifs d'alignement sur le template commun du site (top.php) --- */

/* Neutralise le min-height:80vh/100vh de css/style.css (.page-content/.site-container),
   pensé pour les pages de course longues — sans ça, grand vide sur une page plus courte. */
.site-container, .page-content, .col-main, .card-white {
    min-height: 0 !important;
    height: auto !important;
}

.site-container, .col-main {
    max-width: 1100px !important;
}

/* Fond blanc (au lieu du gris par défaut de top.php), cohérent avec les pages course. */
.card-white {
    background: #ffffff !important;
    padding: 15px !important;
}

/* Header verrouillé en haut, le contenu défile en dessous (comportement des pages course). */
.header-main, header.header-main {
    position: sticky !important;
    top: 0 !important;
    max-height: 80px;
    z-index: 1000 !important;
}

/* Espace le menu du logo, comme sur les pages course. */
.menu-tabs {
    margin-left: 200px !important;
    margin-bottom: 25px !important;
}

/* ajuste la position du logo jf-chronotrail*/
.header-main .logo-zone {
    margin-left: 20px;
    margin-bottom: 25px;
}

/* --- Logo JF-ChronoTroc, identique sur toutes les pages du module --- */
.bourse-logo {
    text-align: center;
    padding: 0px 0 10px;
}
.bourse-logo img {
    max-width: 300px;
    width: 80%;
    height: auto;
}

/* --- Footer centré (bottom.php) --- */
.footer-light {
    text-align: center;
}