/* ==========================================================================
   [haeros_campagnes_provisoires] — complément à campagnes-list.css

   Les cartes réutilisent intégralement le style de la grille des campagnes en
   cours (.hr-campagnes-section, .hr-campagne-card, .hr-card-*). On ne définit
   ici que le strict nécessaire pour l'état « pas encore lancée ».
   Ce fichier est chargé APRÈS campagnes-list.css.
   ========================================================================== */

/* Titre de section optionnel, aligné sur les titres de section du site. */
.hr-prov-section .hr-prov__titre {
    font-size: 30px;
    font-weight: 700;
    color: var(--hr-bleu-nuit, #0F172A);
    text-align: center;
    margin: 0 0 28px;
}

/* Carte en préparation : liseré crème plutôt que la bordure or des campagnes
   terminées, pour qu'on distingue les deux états d'un coup d'œil. */
.hr-campagne-card--provisoire {
    border-color: var(--hr-bordure, #D3C4A7);
}

/* Badge « J−12 » / « Bientôt » : même gabarit que les badges de statut
   existants, en or, à la place du vert « terminée ». */
.hr-card-badge--provisoire {
    background: var(--hr-or, #DCA54A);
    color: var(--hr-noir, #222222);
    font-weight: 700;
}

/* Emplacement de la barre de progression sur les cartes en cours : ici il n'y
   a rien à mesurer, on y met la date de lancement.
   Pas de filet au-dessus : les cartes en cours n'en ont qu'un, juste avant leur
   pied de carte. En ajouter un second alourdirait la grille et se verrait
   immédiatement quand les deux listes se suivent.
   margin-top: auto pousse le bloc vers le bas, donc les dates et les pieds de
   carte s'alignent d'une carte à l'autre malgré des résumés de longueurs
   différentes. */
.hr-card-stats-main--provisoire {
    justify-content: flex-start;
    margin-top: auto;
    padding-top: 14px;
}
.hr-card-lancement {
    font-size: 13px;
    font-weight: 500;
    color: var(--hr-or, #DCA54A);
}

/* Bouton « Être prévenu·e ».
   Techniquement un <span> (impossible d'imbriquer un bouton dans le lien qui
   enveloppe la carte), mais il en a toute l'apparence : pastille or pleine
   largeur, pour qu'on voie immédiatement où cliquer. */
.hr-card-cta {
    display: block;
    margin-top: 12px;
    padding: 9px 18px;
    border-radius: 50px;
    background: var(--hr-or, #DCA54A);
    border: 1px solid var(--hr-or, #DCA54A);
    color: var(--hr-noir, #222222);
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    transition: background .2s ease, border-color .2s ease;
}
/* Le survol de n'importe quel point de la carte allume le bouton : il est clair
   que les deux déclenchent la même action. */
.hr-campagne-card--provisoire:hover .hr-card-cta {
    background: var(--hr-or-fonce, #D09A40);
    border-color: var(--hr-or-fonce, #D09A40);
}

/* Le pied de carte n'a plus qu'une information : on la laisse à gauche. */
.hr-campagne-card--provisoire .hr-card-stats-secondary {
    justify-content: flex-start;
}

/* --- Messages ------------------------------------------------------------ */
.hr-prov-vide {
    text-align: center;
    color: #5F5E5A;
    font-style: italic;
    padding: 26px 0;
}
.hr-prov-erreur {
    padding: 12px 16px;
    border-left: 4px solid #D85A30;
    background: rgba(216, 90, 48, .08);
    color: #222;
    font-size: 14px;
}

@media (max-width: 640px) {
    .hr-prov-section .hr-prov__titre { font-size: 22px; margin-bottom: 20px; }
}