/*
 * Widget annonce Funbooker — styles alignés sur les badges existants du blog
 * (boutons Elementor "etiquette" : DM Sans 16px/500, bordure 3px, radius 7px)
 * et sur le bouton global du thème (gradient rose, radius 50px, Brocha).
 */

.fblw-listing {
    margin: 0;
}

/* --- Photos --- */

.fblw-photos {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}

.fblw-photos a {
    flex: 1 1 0;
    min-width: 0;
}

.fblw-photos img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

/* --- Badges --- */

.fblw-badges {
    display: flex;
    flex-wrap: wrap;
}

.fblw-badge {
    display: inline-block;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    background-color: #ffffff;
    border: 3px solid currentColor;
    border-radius: 7px;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    line-height: 1.4;
    transition: transform 0.15s ease;
}

.fblw-badge:hover {
    transform: scale(1.07);
    cursor: default;
}

.fblw-badge--instant {
    color: #61ce70;
}

.fblw-badge--top {
    color: #8350e0;
}

.fblw-badge--promo {
    color: #ef3e6e;
}

.fblw-badge--price {
    color: #e14bc6;
}

.fblw-badge--place {
    color: #5e9dd7;
}

.fblw-badge--rating {
    color: #d0aa4b;
}

/* Mobile : badges réduits à 13px ; "Instantané", "Top vente" et "Promo"
 * masqués (prix, lieu et la note restent visibles). */
@media (max-width: 767px) {
    .fblw-badge {
        font-size: 13px;
    }

    .fblw-badge--instant,
    .fblw-badge--top,
    .fblw-badge--promo {
        display: none;
    }
}

/* --- CTA « Je réserve » --- */

.fblw-cta-wrapper {
    text-align: center;
    margin: 20px 0;
}

.fblw-cta,
a.fblw-cta {
    display: inline-block;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(90deg, #e646d7 1%, #ea5172 100%);
    border-radius: 50px;
    padding: 12px 30px;
    text-decoration: none;
}

.fblw-cta:hover,
.fblw-cta:focus {
    color: #ffffff;
}