/*
*  début style pour le shortcodes show_actualites_ibis_chalon
 */

.actu-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    justify-content: space-between;
}
.btn-perso-actualites.mobile{
    display: none;
}
.btn-perso-actualites{
    border-radius: 50px;
    border: 1px solid #363E45;
    color: #363E45;
    padding: 10px 20px;
    font-weight: bold;
    background-color: transparent;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.btn-perso-actualites:hover{
    background-color: #363E45;
    color: white;
    animation: pushitems-btn ease-in-out 0.4s;
    margin-right: 40px;

}


.btn-perso-actualites:after{
    font-family: 'ETModules';
    font-weight: normal;
    content: "\24";
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 0px);
    left: 100%;
    background-color: #363E45;

    border-radius: 50px;
    height: 0;
    width: 0;
    padding:0;
    margin: 0;
    font-size: 0;
    opacity: 0;
    z-index: 2;

    transition: all 0.3s ease-in-out;
}
.btn-perso-actualites:hover:after{
    top: calc(50% - 20px);
    font-size: 28px;
    height: 40px;
    width: 40px;
    opacity: 1;

    animation: popout-btn ease-in-out 0.4s;
}



.actu-wrapper {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 55% 45%;
    gap: 15px;
}

a.actu-item:first-of-type {
    grid-column: 1;
    grid-row: 1 / span 3;

}
a.actu-item:first-of-type {
    border: 1px solid #C2CAD1;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: auto;

}

a.actu-item:first-of-type img.actu-image {
    max-height: 70%;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 874 / 471;

}


a.actu-item {
    border: 1px solid #C2CAD1;
    padding: 30px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    background: transparent;
    transition: all 0.5s ease;
}

a.actu-item:hover {
    background: #F0F0F0;
}

a.actu-item img.actu-image {
    max-height: 100%;
    object-fit: cover;
    width: 32%;
    height: 100%;
    aspect-ratio: 1 / 1;
}

.actu-excerpt {
    color: #1B170E;
}

.actu-textes {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.categories-wrapper {
    display: flex;
    gap: 10px;
}
.actu-mis-avant{
    padding: 5px 10px;
    border: 1px solid #777B80;
    color: white;
    background-color: #777B80;
    width: fit-content;
}
.actu-category{
    padding: 5px 10px;
    border: 1px solid #777B80;
    color: #777B80;
    width: fit-content;
}

@media screen and (max-width: 1150px){

    .btn-perso-actualites{
        display: none;
    }
    .btn-perso-actualites.mobile{
        display: block;
        width: fit-content;
        margin: auto;
    }
    .actu-title-wrapper {
        flex-direction: column;
    }

    .actu-wrapper {
        grid-template-columns: 100%;
    }
    a.actu-item{
        flex-direction: column;
    }
    a.actu-item img.actu-image{
        width: 100%;
    }
    .categories-wrapper {
        flex-wrap: wrap;
    }

}
/*
*  fin style pour le shortcodes show_actualites_ibis_chalon
 */


/*
* début style shortcode triple_entree_ibis_chalon
*/
.triple-entree-wrapper {
    display: flex;
    flex-direction: row;
    gap: 15px;
    min-height: 80vh;
    padding: 15px;
    background-color: #FFF5F2;
    border-bottom: 1px solid #363E45;
}
.triple-entree-item {
    width: 33.333%;
    position: relative;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.entree-item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.entree-item-overlay {
    background: linear-gradient(45deg, #0E0E1b, transparent 63%);
    position: absolute;
    height: 100%;
    width: 100%;
    mix-blend-mode: darken;
}

.entree-item-content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 15%;
}
.entree-item-content.no-logo {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15%;
    justify-content: flex-end;
}

.entree-item-logo{
    position: relative;
}

.entree-item-texte {
    position: relative;
}
.entree-item-texte .h2{
    color:white;
}

.entree-sub-title{
    font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem);
    font-weight: normal;
    line-height: 1em;
    color: white;
    padding-bottom: 32px;
    text-transform: uppercase;
}

.entree-item-text-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    flex-wrap: wrap;
}

.entree-item-btn, .entree-texte-supp {
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transition-delay: 0.2s;
}
.entree-item-btn {
    min-width: 72px;
    height: 0;
}

.entree-texte-supp{
    max-height: 0;
    color: white;
    max-width: 500px;
}

.triple-entree-item:hover .entree-item-btn,
.triple-entree-item:hover .entree-texte-supp {
    visibility: visible;
    opacity: 1;
    max-height: 1000px;
    height: auto;
    
}
.triple-entree-item:hover {
    width: 60%;
}

@media screen and (max-width: 1060px){
    .triple-entree-wrapper {
        min-height: auto;
        flex-direction: column;
        padding-top: 70px;
    }
    .triple-entree-item,
    .triple-entree-item:hover {
        width: 100%;
    }
    .entree-item-content,
    .entree-item-content.no-logo{

        padding: 5%;
        align-items: center;
    }

    .entree-item-content.no-logo {
         align-items: flex-start;
    }

    .entree-item-content{
        flex-direction: row-reverse;
    }

    .entree-item-overlay {
        background: linear-gradient(45deg, #0E0E1b, transparent );
        position: absolute;
        height: 100%;
        width: 100%;
        mix-blend-mode: darken;
    }


}


/*
* fin style shortcode triple_entree_ibis_chalon
*/


/*
* début style shortcode nos_chambres_ibis_chalon
*/

.slider-nos-chambres-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    padding-left: 10vw;
    padding-right: 10vw;
}

.nos-chambres-item {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid #858519;
    overflow: hidden;
    margin: 0 1em;
    min-width: 600px;

    flex-wrap: wrap;
    padding: 15px;
}

.nos-chambres-item.ibis-chalon-europe {
    border-color: #E20026;
}
.nos-chambres-item.ibis-budget-chalon {
    border-color: #0063A6;
}

.nos-chambres-item .savoir-faire-image {
    pointer-events: none;
}

.nos-chambres-item .savoir-faire-content {
    padding: 0 20px;
}
.nos-chambres-item .title h3 {
    padding: 32px 0 24px 0;
}

.nos-chambres-item .texte {
    line-height: 27px;
    width: 80%;
}

.nos-chambres-item .infos-supp .nbrPersonnes {
    font-weight: bold;
}


.nos-chambres-item .infos-supp {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.btn-lien-chambre {
    position: absolute;
    right: 40px;
    bottom: 20px;
    font-family: 'ETmodules';
    width: 50px;
    height: 50px;
    background: #858519;
    color: white;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    opacity: 1;
    transition: opacity 0.4s ease-in-out,
        width 0.4s ease,
        height 0.4s ease,
        right 0.4s ease,
        bottom 0.4s ease,
        font-size 0.4s ease;
    padding: 20px;
}

.nos-chambres-item.ibis-chalon-europe  .btn-lien-chambre {
    background: #E20026;
}
.nos-chambres-item.ibis-budget-chalon  .btn-lien-chambre {
    background: #0063A6;
}

.btn-lien-chambre:hover {
        height: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        border-radius: 0;
        opacity: 0.8;
        font-size: 50px;
    
    
}

@media screen and (max-width: 960px){
    .nos-chambres-item {
        min-width: 80vw;
        margin: 0;
    }
    .nos-chambres-item .texte {
        width: 100%;
    }
    .nos-chambres-item .infos-supp {

        margin: 20px 0;
    }
}


/*
* début style shortcode nos_menus_ibis_chalon
*/
#menu-tabs .dsm-advanced-tabs-wrapper{
    gap: 20px;
}


.menu-content .title h2 {
    text-align: center;
    text-transform: uppercase;
}

.menu-content div:has(h3.title-submenus) {
    display: flex;
    align-items: baseline;

}
.menu-content div:has(h3.title-submenus) hr {
    width: 100%;
    border: none;
    border-bottom: dotted 3px;

}
.menu-content div:has(h3.title-submenus) .price {
    padding-left: 15px;
}
.menu-content h3.title-submenus {
    white-space: pre;
    padding: 0;
    margin-bottom: 40px;
    color: #85221E;
    width: fit-content;
    padding-right: 15px;
}
.menu-wrapper .menu-avec-prix .entree-wrapper,
.menu-wrapper .menu-sans-prix .entree-wrapper,
.menu-wrapper .menu-avec-prix .plat-wrapper,
.menu-wrapper .menu-sans-prix .plat-wrapper,
.menu-wrapper .menu-avec-prix .dessert-wrapper,
.menu-wrapper .menu-sans-prix .dessert-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 70px;
}

.menu-wrapper .menu-a-la-carte .entree-wrapper,
.menu-wrapper .menu-a-la-carte .plat-wrapper,
.menu-wrapper .menu-a-la-carte .pizza-wrapper,
.menu-wrapper .menu-a-la-carte .fromage-wrapper,
.menu-wrapper .menu-a-la-carte .dessert-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 50px;
}
.menu-wrapper .menu-avec-prix .entree-item,
.menu-wrapper .menu-sans-prix .entree-item,
.menu-wrapper .menu-avec-prix .plat-item,
.menu-wrapper .menu-sans-prix .plat-item,
.menu-wrapper .menu-avec-prix .dessert-item,
.menu-wrapper .menu-sans-prix .dessert-item{
    width: calc(50% - 10px);
    padding: 40px;
    border: 1px solid #85221E;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}


.menu-wrapper .menu-a-la-carte .entree-item,
.menu-wrapper .menu-a-la-carte .plat-item,
.menu-wrapper .menu-a-la-carte .pizza-item,
.menu-wrapper .menu-a-la-carte .fromage-item,
.menu-wrapper .menu-a-la-carte .dessert-item{
    display: flex;
    flex-direction: column;
}

.menu-wrapper .menu-a-la-carte .entree-item hr,
.menu-wrapper .menu-a-la-carte .plat-item hr,
.menu-wrapper .menu-a-la-carte .pizza-item hr,
.menu-wrapper .menu-a-la-carte .fromage-item hr,
.menu-wrapper .menu-a-la-carte .dessert-item hr {
    width: 100%;
    border: none;
    border-bottom: dotted 3px;
}


.menu-wrapper .menu-a-la-carte .entree-item .menu-item-texte,
.menu-wrapper .menu-a-la-carte .plat-item .menu-item-texte,
.menu-wrapper .menu-a-la-carte .pizza-item .menu-item-texte,
.menu-wrapper .menu-a-la-carte .fromage-item .menu-item-texte,
.menu-wrapper .menu-a-la-carte .dessert-item .menu-item-texte
{
    display: flex;
    flex-direction: row;
    gap: 25px;
    width: 100%;

}

.menu-wrapper .menu-a-la-carte .entree-item .entree-title,
.menu-wrapper .menu-a-la-carte .plat-item .plat-title,
.menu-wrapper .menu-a-la-carte .pizza-item .pizza-title,
.menu-wrapper .menu-a-la-carte .fromage-item .fromage-title,
.menu-wrapper .menu-a-la-carte .dessert-item .dessert-title{
    padding: 0;
    white-space: nowrap;

}
.menu-wrapper .menu-a-la-carte .entree-item .item-price,
.menu-wrapper .menu-a-la-carte .plat-item .item-price,
.menu-wrapper .menu-a-la-carte .pizza-item .item-price,
.menu-wrapper .menu-a-la-carte .fromage-item .item-price,
.menu-wrapper .menu-a-la-carte .dessert-item .item-price{
    padding: 0;
    white-space: nowrap;

}


.menu-wrapper .menu-avec-prix .entree-item p,
.menu-wrapper .menu-sans-prix .entree-item p,
.menu-wrapper .menu-a-la-carte .entree-item p,
.menu-wrapper .menu-avec-prix .plat-item p,
.menu-wrapper .menu-sans-prix .plat-item p,
.menu-wrapper .menu-a-la-carte .plat-item p,
.menu-wrapper .menu-avec-prix .dessert-item p,
.menu-wrapper .menu-sans-prix .dessert-item p,
.menu-wrapper .menu-a-la-carte .dessert-item p{
    padding: 0;
}

.menu-wrapper .menu-avec-prix .entree-item .entree-title,
.menu-wrapper .menu-sans-prix .entree-item .entree-title,
.menu-wrapper .menu-a-la-carte .entree-item .entree-title,
.menu-wrapper .menu-avec-prix .plat-item .entree-title,
.menu-wrapper .menu-sans-prix .plat-item .entree-title,
.menu-wrapper .menu-a-la-carte .plat-item .entree-title,
.menu-wrapper .menu-a-la-carte .pizza-item .entree-title,
.menu-wrapper .menu-a-la-carte .fromage-item .entree-title,
.menu-wrapper .menu-avec-prix .dessert-item .entree-title,
.menu-wrapper .menu-sans-prix .dessert-item .entree-title,
.menu-wrapper .menu-a-la-carte .dessert-item .entree-title{
    padding: 0;
}

.red-separator{
    border:none;
    border-bottom: 1px solid #85221E;
    margin-bottom: 40px;
}

@media screen and (min-width:460px) and (max-width: 960px){
    .menu-wrapper .entree-item, .menu-wrapper .plat-item, .menu-wrapper .dessert-item {
        padding: 25px;
    }
}
@media screen and (max-width:460px){
    .menu-wrapper .entree-wrapper, .menu-wrapper .plat-wrapper, .menu-wrapper .dessert-wrapper {
        flex-direction: column;

    }
    .menu-wrapper .menu-avec-prix .entree-item,
    .menu-wrapper .menu-sans-prix .entree-item,
    .menu-wrapper .menu-avec-prix .plat-item,
    .menu-wrapper .menu-sans-prix .plat-item,
    .menu-wrapper .menu-avec-prix .dessert-item,
    .menu-wrapper .menu-sans-prix .dessert-item{
        width: 100%;
        padding: 15px;
    }

    .menu-wrapper .menu-a-la-carte .entree-item hr,
    .menu-wrapper .menu-a-la-carte .plat-item hr,
    .menu-wrapper .menu-a-la-carte .pizza-item hr,
    .menu-wrapper .menu-a-la-carte .fromage-item hr,
    .menu-wrapper .menu-a-la-carte .dessert-item hr{
        display: none;
    }

    .menu-wrapper .menu-a-la-carte .entree-item .entree-title,
    .menu-wrapper .menu-a-la-carte .plat-item .plat-title,
    .menu-wrapper .menu-a-la-carte .pizza-item .pizza-title,
    .menu-wrapper .menu-a-la-carte .fromage-item .fromage-title,
    .menu-wrapper .menu-a-la-carte .dessert-item .dessert-title{
        white-space: normal;
    }
}

/*ptit plat du chef*/

h2.menu-title{
    text-transform: uppercase;
    max-width: 38vw;
    text-align: center;
    margin: auto;
}

.navigation-slider {
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
}
button.nav-slide {
    font-family: 'ETmodules', sans-serif;
    font-size: 1.2rem;
    padding: 12px;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid #85221E;
    background: #85221E;
    color: white;
    transition: all 0.4s ease-in-out;
}
button.nav-slide:hover {
    border: 1px solid #85221E;
    background: white;
    color: #85221E;
}



.slider-wrapper {
    overflow: hidden;
    position: relative;
    height: 499px;
    display: block;

}
.plats-du-chef-wrapper{
    position: absolute;
    display: flex;
}

.nos-plats-item {
    position: relative;
}

h3.date-plats {
    color: #85221E;
}

.nos-plats-item .title-submenus{
    padding: 0;
    margin-bottom: 25px;
    color: #85221E;
}

.nos-plats-item .item-name{
    padding: 0;
}
.plats-du-chef-content-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.plats-du-chef-content{
    width: calc(33.333% - 13.333px);
    padding: 40px;
    border: 1px solid #85221E;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width:960px) {
    .plats-du-chef-content-wrapper{
        flex-direction: column;
    }
    .plats-du-chef-content {
        width: 100%;
    }
    h2.menu-title{
        max-width: 100%;
    }
    #menu-tabs .dsm-advanced-tabs-wrapper {
        justify-content: center;
        gap: 10px;
    }
}

/*shortcode salles de réunion*/

.salles-wrapper {
    display: flex;
    gap: 20px;
}

.nos-salles-item {
    width: 33.333%;
    border: 1px solid #DB8C0D;
    padding: 15px;
}

.nos-salles-item .salle-content {
    padding: 20px;
}

.nos-salles-item .infos-supp {
    display: flex;
    gap: 10px;
}
.nos-salles-item .infos-supp p{

    background: #FAE8D7;
    padding: 5px;
 }

.nos-salles-item .infos-supp-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.btn-lien-salle {
    font-family: 'ETmodules', sans-serif;
}

.btn-lien-salle {
    font-family: 'ETmodules', sans-serif;
    font-size: 20px;
    padding: 10px;
    border-radius: 50px;
    background: #DB8C0D;
    border: 1px solid #DB8C0D;
    color: white;
    transition: all 0.4s ease-in-out;
}
.btn-lien-salle:hover {
    background: white;
    color: #DB8C0D;
}

.image-recrutement-salle {
    width: calc(66.666% - 10px);
    height: auto;
    object-fit: cover;
}


@media screen and (max-width:1200px) {
    .salles-wrapper {
        flex-wrap: wrap;
    }
    .nos-salles-item {
        width: calc(50% - 10px);
    }
    .image-recrutement-salle {
        width: 100%;
    }
}

@media screen and (max-width:960px) {
    .salles-wrapper {
        flex-direction: column;
    }
    .nos-salles-item {
        width: 100%;
    }
    .nos-salles-item .infos-supp {
        flex-direction: column;
        align-items: flex-start;
    }
    .image-recrutement-salle {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}