/* ==========================================================================
   CAMPAGNE URPS 2027
   Bandeau site + cadrage des visuels d'affiche.
   Rendu piloté par child-theme/campagne-urps.php — se retire seul au 01/01/2027.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Bandeau — rendu avant le header Kadence (wp_body_open)
   -------------------------------------------------------------------------- */

.jm-urps-bandeau {
    background-color: var(--jm-night, #10294f);
    color: #ffffff;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

.jm-urps-bandeau__inner {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    row-gap: 8px;
}

.jm-urps-bandeau__label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a3ddf1;
    white-space: nowrap;
}

.jm-urps-bandeau__texte {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: #ffffff;
}

.jm-urps-bandeau__cta {
    display: inline-block;
    background-color: #ffffff;
    color: var(--jm-blue, #08598E);
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    padding-top: 9px;
    padding-right: 18px;
    padding-bottom: 9px;
    padding-left: 18px;
    border-radius: 999px;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.jm-urps-bandeau__cta:hover,
.jm-urps-bandeau__cta:focus {
    background-color: var(--jm-cyan, #dff4ff);
    color: var(--jm-night, #10294f);
    text-decoration: none;
}

.jm-urps-bandeau__cta:focus-visible {
    outline: 2px solid #a3ddf1;
    outline-offset: 2px;
}


/* --------------------------------------------------------------------------
   Visuel d'affiche inséré dans le contenu
   Format portrait 1003 x 1568 (ratio 2:3) : la largeur doit être bridée,
   sinon l'affiche occupe un écran entier à elle seule.
   -------------------------------------------------------------------------- */

.jm-campagne-urps {
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
}

.jm-campagne-urps .wp-block-image {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    max-width: 460px;
}

.jm-campagne-urps .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

/* Sur la page d'adhésion, le visuel ouvre la page : un peu plus généreux,
   et pas de padding haut puisqu'il vient juste sous le header. */
.jm-campagne-urps--adhesion {
    padding-top: 24px;
}

.jm-campagne-urps--adhesion .wp-block-image {
    max-width: 520px;
}

@media (max-width: 782px) {
    .jm-urps-bandeau__texte {
        font-size: 13px;
        text-align: center;
    }

    .jm-campagne-urps {
        padding-top: 28px;
    }

    .jm-campagne-urps .wp-block-image,
    .jm-campagne-urps--adhesion .wp-block-image {
        max-width: 380px;
    }
}