/* ============================================
   TARIFS — pastilles de prix et de paiement (texte, plus d'images)
   Police Bubblegum Sans hébergée localement.
   ============================================ */

@font-face {
    font-family: 'Bubblegum Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/bubblegum-sans-v22-latin-regular.woff2') format('woff2');
}

/* Base commune aux 2 pastilles (remplace l'ancien <img class="img_tarif">) */
.tarif_pastille {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Bubblegum Sans', cursive;
    color: #fff;
    line-height: 1;
    background: #2b4a63;   /* bleu marine par défaut (pastille de prix) */
}

/* --- Pastille de PRIX (ex : « 1 250 € ») --- */
.tarif_pastille .tarif_prix {
    font-size: 40px;
    transform: rotate(-12deg);
    display: inline-flex;
    align-items: flex-start;
    white-space: nowrap;
}

.tarif_pastille .tarif_euro {
    font-size: .48em;
    margin-left: 2px;
    margin-top: .1em;
}

/* --- Pastille de PAIEMENT (fond doré : « 3x » + « sans frais ») --- */
.tarif_pastille_paiement {
    background: #d8a648;   /* doré (couleur estimée — ajustable) */
}

.tarif_pastille_paiement .tarif_prix {
    font-size: 56px;              /* « 3x » plus gros et bien centré */
    transform: rotate(-12deg);   /* penché comme les prix */
}

.tarif_pastille_paiement .tarif_sousligne {
    font-size: 18px;             /* « sans frais » plus petit… */
    transform: rotate(-12deg);   /* même inclinaison que le « 3x » */
    margin-top: -4px;            /* …et collé sous le « 3x » */
}

/* --- Mobile (aligné sur .img_tarif : 100px) --- */
@media (max-width: 950px) {
    .tarif_pastille {
        width: 100px;
        height: 100px;
    }
    .tarif_pastille .tarif_prix { font-size: 33px; }
    .tarif_pastille_paiement .tarif_prix { font-size: 46px; }
    .tarif_pastille_paiement .tarif_sousligne { font-size: 15px; }
}