.elementor-404 .elementor-element.elementor-element-ba1733f{--display:flex;}.elementor-404 .elementor-element.elementor-element-ba1733f:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-ba1733f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#132F31;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_wrapper h3 a{color:#000000;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_content_wrapper, .elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_attr_wrapper{color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_content_wrapper, .elementor-404 .elementor-element.elementor-element-f68dbab .room_grid2_action_wrapper .child_one_half, .elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_wrapper .room_grid_attr_wrapper .child_one_third{border-color:#FCFCFC;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid2_price_label{color:#F0F0F0;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid2_price .mphb-price{color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-f68dbab .room_grid2_view, .elementor-404 .elementor-element.elementor-element-f68dbab .room_grid_book{border-color:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-f68dbab .post_img_hover:not(.lazy){background:#FFFFFF;}.elementor-404 .elementor-element.elementor-element-f68dbab .post_img_hover:before, .elementor-404 .elementor-element.elementor-element-f68dbab .post_img_hover:after{background-color:#ffffff;}/* Start custom CSS for html, class: .elementor-element-68abf6a *//* --- CONTENEUR DU TITRE SANS ARRIÈRE-PLAN --- */
.sunset-rooms-title-container {
    width: 100%;
    max-width: 800px;
    margin: 50px auto 35px auto; /* Centrage et espacement fluide */
    text-align: center;
    background: transparent !important; /* Totalement transparent pour ton fond */
    padding: 10px 0;
    box-sizing: border-box;
}

/* --- LE PETIT BADGE LUXE --- */
.sunset-rooms-badge {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px; /* Grand espacement signature */
    color: #d4af37; /* Rappel de l'or précieux */
    margin-bottom: 12px;
    padding: 4px 0;
}

/* --- LE TITRE EN DÉGRADÉ "SUNSET GLOW" --- */
.sunset-rooms-main-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -1px;
    
    /* Dégradé lumineux qui capte la lumière du coucher de soleil */
    background: linear-gradient(135deg, #ffffff 30%, #f1c43f 75%, #e65c17 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    
    /* Ombre de détachement pour un relief maximal sur fond chaud */
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.4));
}

/* --- LA LIGNE DE SÉPARATION ÉPURÉE --- */
.sunset-rooms-divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(to right, transparent, #d4af37, transparent);
    margin: 0 auto;
    border-radius: 2px;
    opacity: 0.7;
}

/* --- RESPONSIVE MOBILE ACCESSIBLE --- */
@media (max-width: 768px) {
    .sunset-rooms-main-title {
        font-size: 30px; /* S'adapte proprement sur l'écran d'un smartphone */
    }
    .sunset-rooms-badge {
        font-size: 10px;
        letter-spacing: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for hoteller-accommodation-types, class: .elementor-element-f68dbab *//* ===== Carte de la chambre — effet verre dépoli ===== */
.room_grid_wrapper.one_fourth {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    margin-bottom: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease !important;
}

.room_grid_wrapper.one_fourth:hover {
    transform: translateY(-8px) !important;
    background: rgba(255, 255, 255, 0.09) !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45) !important;
}

/* ===== Image ===== */
.post_img_hover {
    overflow: hidden !important;
    border-radius: 10px !important;
    display: block !important;
}

.post_img_hover img {
    border-radius: 10px !important;
    transition: transform 0.5s ease !important;
    width: 100% !important;
}

.room_grid_wrapper.one_fourth:hover .post_img_hover img {
    transform: scale(1.08) !important;
}

/* ===== Titre "Luxury Suite Room" ===== */
.room_grid_wrapper_header,
.room_grid_wrapper_header a {
    font-size: 26px !important;
    letter-spacing: 0.5px !important;
    margin: 20px 0 16px !important;
    color: #f2c88a !important;   /* orange doré clair, lisible sur fond sombre */
    text-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;
}

/* ===== Chiffres (120, 4, 2...) ===== */
.room_grid_wrapper .facilities strong,
.room_grid_wrapper .facilities .number,
.room_grid_wrapper [class*="size"],
.room_grid_wrapper [class*="adult"],
.room_grid_wrapper [class*="children"] {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ===== Labels (SIZE M2, MAX ADULTS...) ===== */
.room_grid_wrapper .facilities span,
.room_grid_wrapper .facilities small {
    color: #d8c4a8 !important;
    letter-spacing: 1px !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
}

/* Fond léger derrière le bloc de stats pour bien le détacher */
.room_grid_wrapper .facilities,
.room_grid_wrapper ul.room_facilities {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 14px 6px !important;
    margin-top: 10px !important;
}

/* ===== Bouton "BOOK NOW FROM €0" — rendu visible ===== */
.room_grid_wrapper a[href*="book"],
.room_grid_wrapper a.book_room_link,
.room_grid_wrapper .book_now_btn {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #e8862e, #c65a00) !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 30px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(200, 90, 0, 0.4) !important;
    margin-top: 14px !important;
    transition: all 0.3s ease !important;
}

.room_grid_wrapper a[href*="book"]:hover,
.room_grid_wrapper a.book_room_link:hover {
    background: linear-gradient(135deg, #c65a00, #a34700) !important;
    transform: translateX(4px) !important;
}/* End custom CSS */