/* --- Mobile first (par défaut) --- */

.titre {
    margin-bottom: 5%;
    font-size: clamp(1rem, 2.5vw, 2rem);
    white-space: normal;  /* autorise retour à la ligne */
    max-width: 250px;     /* limite la largeur */
    margin-left: auto;    /* centre horizontalement */
    margin-right: auto;
    width: 100%;
}

/* explication du tarif */
.fond_beige_explication {
    background-color: #F3E1CF;
    border: 1px solid black;
    margin-bottom: 10%;
    max-width: 600px;
    margin-left: auto;    /* centre horizontalement */
    margin-right: auto;
}

.tarif {
    display: flex;
    justify-content: space-between; /* espace entre le soin et le prix */
    padding: 10px 15px;
    font-size: clamp(0.9rem, 2vw, 1.2rem); /* min, scaling, max */
}

.soin {
    font-weight: 500;
}

.prix {
    font-weight: 700;
}

.button_rendez_vous,
.button_rendez_vous:hover,
.button_rendez_vous:focus,
.button_rendez_vous:active {
    background-color: rgba(53, 50, 47, 0.9) !important;
    color: white !important;
    border: 2px solid rgba(0, 0, 0, 1);
}

.button_rendez_vous {
    border-radius: 8px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.button_rendez_vous:hover {
    transform: translateY(-2px);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);
}

/* Bouton plus petit sur mobile */
.text-center > a > button {
    font-size: 1.2rem !important;
    padding: 12px 30px !important;
    margin: 1.2rem !important;
}

@media (min-width: 769px) {
    .text-center > a > button {
        font-size: 1.5rem !important;
        padding: 15px 40px !important;
        margin-top: 2rem !important;
        margin-bottom: 4rem !important;
        font-weight: 700;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-center > a > button {
        font-size: 2rem !important;
        padding: 25px 50px !important;
        margin-top: 2rem !important;
        font-weight: 700;
    }
}

@media (min-width: 1199px) {
    .text-center > a > button {
        font-size: 2rem !important;
        padding: 25px 50px !important;
        margin-top: 2rem !important;
        font-weight: 700;
    }
}