/* ==========================================
   Charte graphique CNCC - FileSender 3.x
   ========================================== */

/* Couleurs principales CNCC */
:root {
     /*--cncc-primary:   #003189;  Bleu CNCC */
    --cncc-primary:   #004787;  /* Bleu CNCC */
    --cncc-secondary: #E8002D;  /* Rouge CNCC */
    --cncc-white:     #FFFFFF;
    --cncc-grey:      #F4F4F4;
    --cncc-dark:      #333333;
}

/* Header / bandeau */
/* header, #header, .header {
    background-color: var(--cncc-white) !important;
    border-bottom: 3px solid var(--cncc-primary);
}

/* Ciblage générique du logo dans le header */
/* Si le logo est dans un lien */
/* header a img,
#header a img {
    height: 100px;
    width: auto;
}*/

/* ==========================================
   Agrandissement du header CNCC
   ========================================== */

/* Hauteur et padding du header */
header,
#header,
.header,
#filesender-header,
.filesender-header {
    height: 120px !important;           /* Hauteur du header (défaut ~60px) */
    min-height: 120px !important;
    padding: 15px 20px !important;      /* Espace intérieur haut/bas et gauche/droite */
    display: flex !important;
    align-items: center !important;     /* Centre le logo verticalement */
    background-color: var(--cncc-white) !important;
    border-bottom: 3px solid var(--cncc-primary);
}

/* Logo dans le header */
header img,
#header img,
.header img,
#filesender-header img {
    height: 150px !important;            /* Logo légèrement plus petit que le header */
    width: auto !important;             /* Conserve les proportions */
    max-width: 350px !important;
}

/* Lien autour du logo */
header a,
#header a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}



/* Boutons principaux */
/*.button, button, input[type="submit"], .btn-primary {
    background-color: var(--cncc-primary) !important;
    border-color: var(--cncc-primary) !important;
    color: var(--cncc-white) !important;
    border-radius: 4px;
}

/*.button:hover, button:hover, input[type="submit"]:hover {
    background-color: var(--cncc-primary) !important;
    border-color: var(--cncc-secondary) !important;
}*/

/* Liens */
a {
    color: var(--cncc-primary);
}
a:hover {
    color: var(--cncc-secondary);
}

/* Titres */
h1, h2, h3 {
    color: var(--cncc-primary);
}

/* Barre de progression */
.progress-bar, .meter > span {
    background-color: var(--cncc-primary);
}

/* Footer */
footer, #footer {
    background-color: var(--cncc-primary);
    color: var(--cncc-white);
}