.empty-cart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.empty-cart span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.title-cart-page {
    color: var(--color-black);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 20px;
}

.wrap-flexbox-cart {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 40px;
    min-height: 100vh;
    width: 100%;
}

.wrap-cart-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.wrap-cart-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.wrap-cart-title h3 {
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.item-cart-slide .cartouche-upsell {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--HEB-BOUTON, #3951AC);
}

.wrap-title-VP-options {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.wrap-title-VP-options p {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.item-cart-slide .cartouche-upsell span {
    color: var(--Colors-BE-BLANC, #FFF);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.wrap-flexbox-cart .wrap-flexbox-cart {
    width: 100%;
}

.wrap-flexbox-cart-paiement {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap:40px;
    flex-direction: row-reverse;
}

.wrap-bloc-cart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    /*width: 55%;*/
    align-self: stretch;
    flex: 1;
}

.wrap-flexbox-cart .bloc-infos-item-cart-slide {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.wrap-flexbox-cart .date-offer-cart {
    display: flex;
    flex-wrap: wrap;
    row-gap: normal;
}

.wrap-date-stay {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    row-gap: normal;
    align-items: center;
}

.days-selected {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    row-gap: normal;
    align-items: center;
}

.customerForm-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.customerForm-title h3 {
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.customerForm-title span {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrap-coupons-assure {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: stretch;
    flex: 1;
}

.wrap-coupons-assure-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#cart-items-container {
    display: flex;
    width: 100%;
}

.bloc-rate-cart {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    width: 100%;
}

.content-cart-formula {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.content-cart-formula div i {
    display: flex;
    font-size: 15px;
}

.formula-date, .formula-time, .formula-cancel-conditions, .formula-paiement-conditions {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px;
}

.formula-date span, .formula-time span, .formula-cancel-conditions span, .formula-paiement-conditions span {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.formula-date strong, .formula-time strong, .formula-cancel-conditions strong, .formula-paiement-conditions strong {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#bloc-image-resume {
    width: 40px;
}

div#preCartItem .bloc-infos-item-cart-slide {
    display: flex;
    flex-direction: row;
}

.cart-colonne {
    display: flex;
    flex-direction: column;
    gap: 4px 0;
    flex: 1;
}

.cart-colonne .paiement-conditions {
    flex-wrap: wrap;
}

#bloc-title-cart {
    padding: 0;
    padding-left: 20px;
}

#new-price-offer {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.no-cancel {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    display: flex;
}

.no-cancel img {
    padding-right: 5px;
    width: 15px;
    height: 15px;
}

#new-title-resume h3 {
    color: var(--color-black);
}

#price-light {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

#no-border {
    border: none !important;
}

/* Bloc Résumé */
.resume-cart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.resume-cart h2 {
    padding-bottom: 15px;
    color: var(--color-black);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.resume-cart-wrap {
    display: flex;
    width: 400px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 10px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
}

.resume-cart-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.resume-cart-total {
    display: flex;
    height: 19px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.resume-cart-total span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

/* resume-cart-item-top */

.resume-cart-item-top {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.resume-cart-item-top .bloc-left .image-resume-cart {
    width: 40px !important;
    height: 40px !important;
}

.resume-cart-item-top .bloc-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.resume-cart-item-top .bloc-right .title-resume-rate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.resume-cart-item-top .title-resume-rate h3 {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.resume-cart-item-top .date-resume-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}


.resume-cart-item-top .date-resume-cart .date-resume-offer-cart, .resume-cart-item-top .date-resume-cart .resume-number-night {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.resume-cart-item-top .date-resume-cart i {
    font-size: 14px;
    display: flex;
}

.wrap-rate-supp-cart .base-price {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    margin-left: 5px;
}

a.deleteItemFromCartButton {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--Colors-BE-PROMOTION, #CC1541);
}

a.deleteItemFromCartButton span i {
    color: var(--MAIN-COLOR);
    font-size: 18px;
    display: flex;
    align-items: center;
}

/* resume-cart-item-bottom */
.resume-cart-item-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
}

.resume-cart-item-bottom .price-resume-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.resume-cart-item-bottom .price-resume-cart .resume-number-travellers {
    display: flex;
    align-items: center;
    gap: 10px;
}

.resume-cart-item-bottom .price-resume-cart .resume-number-travellers img {
    width: 15px;
    height: 15px;
    object-fit: cover;
}

.number-travellers strong {
    text-transform:lowercase;
}

.resume-cart-item-bottom .price-resume-cart .resume-number-travellers p {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.resume-cart-item-bottom .offer-price {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.resume-cart-item-bottom .discount-price {
    color: var(--BASIC-GRIS-2, #A8A8A8);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    text-decoration: line-through;
}

/* Bouton d'ajout d'option */

a.addOptionLink {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 5px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    text-decoration: none;
    align-self: baseline;
}

a.addOptionLink span {
    color: var(--HEB-BOUTON, #3951AC);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

a.addOptionLink:hover {
    background: var(--HEB-BOUTON, #3951AC);
    border: 0.25px solid var(--HEB-BOUTON, #3951AC);
}

a.addOptionLink:hover span {
    color: var(--color-white);
} 

/* CartItem for Formula */

.wrap-parent-formula {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
}

.parent-formula {
    display: flex;
    align-items: flex-start;
    border-radius: 10px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    align-self: stretch;
}

.parent-formula .wrap-title-rate {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
}

.parent-formula img {
    width: 154px;
    border-radius: 10px 0px 0px 10px;
    align-self: stretch;
    object-fit: cover;
}

.parent-formula .wrap-content-parent-formula {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.bloc-title-Promo {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px;
}

.content-cart-formula .item-infos {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 6px;
}

.content-cart-formula span {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-cart-formula strong {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.wrap-resourcesItemForFormula .img-item-cart {
    width: 154px;
}

.cart-rate-formula {
    display: flex;
    gap: 10px;
}

.wrap-content-parent-formula .cart-rate-formula
.cart-rate-item-price .price-before-promo span.strocked-price {
    color: var(--ACT-BOUTON, #005477);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    text-decoration: line-through;
}

.wrap-content-parent-formula .cart-rate-formula span.base-price {
    color: var(--ACT-BOUTON, #005477);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}


/* CartItem for Resource */
.resourcesItemForFormula {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.wrap-resourcesItemForFormula {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}

.wrap-resourcesItemForFormula h3.cart-line-title {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrap-resourcesItemForFormula .img-item-cart {
    width: 150px;
    min-height: 100px;
    max-height: 150px;
    align-self: stretch;
}

.resource-item {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.item-cart-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: stretch;
}

.item-cart-bottom .pricePerUnit {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.item-cart-bottom .pricePerUnit strong {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*.item-cart-bottom .pricePerUnit span {
    font-size: 12px;
}*/

/* resume-cart bloc coupon */
.resume-cart-item-coupons-bloc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.box-coupons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

.box-coupons-gift-card, .box-coupons-gift-voucher {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.box-coupons-code-promo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

.box-coupons-gift-card .top, .box-coupons-gift-voucher .top {
    display: flex;
    gap: 10px;
}

.box-coupons-code-promo .top {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
}

.box-coupons-code-promo .desc span, .box-coupons-gift-card .desc span, .box-coupons-gift-voucher .desc span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.wrap-gift-card-libelle, .wrap-gift-voucher-libelle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    flex: 1 0 0;
    align-self: stretch;
}

.wrap-code-promo-libelle {
    display: flex;
    gap: 10px;
    align-items: center;
}

.wrap-code-promo-libelle i {
    display: flex;
}

.wrap-code-promo-libelle span, .wrap-gift-card-libelle span, .wrap-gift-voucher-libelle span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrap-code-promo-value, .wrap-gift-card-value, .wrap-gift-voucher-value {
    display: flex;
    align-items: center;
    gap: 20px;
}

.wrap-code-promo-value span, .wrap-gift-card-value span, .wrap-gift-voucher-value span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.box-coupons .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.gift-libelle {
    color: var(--BASIC-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

span.bold {
    font-weight: 600;
}

.price-gift {
    display: flex;
    align-items: center;
    gap: 20px;
}

.price-gift span {
    color: var(--BASIC-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.icone-size {
    width: 40px;
    height: 40px;
}

.w-15.h-15 {
    width: 15px;
    height: 15px;
}

.wrap-gift-card-libelle {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 0 0;
    align-self: stretch;
    justify-content: center;
}

.d-flex {
    display: flex;
}

.wrap-gift-voucher-value .d-flex, .wrap-gift-card-value .d-flex {
    gap: 8px;
    align-items: center;
}

.bold{
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wrap-gift-voucher-value i.fi.fi-rr-calendar, .wrap-gift-card-value i.fi.fi-rr-calendar {
    height: 16px;
}

/* Resume Cart - Bloc Assurance */

.resume-cart-item-assurance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

.resume-cart-item-assurance .top {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.resume-cart-item-assurance .top span {
    color: var(--BASIC-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.resume-cart-item-assurance .desc span {
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Bloc ajout ou modification du panier */
.bloc-cart-add-offer {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

a.add-offer-cart {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    background: var(--Colors-BE-BLANC, #FFF);
    text-decoration: none;
    transition: all .4s ease-out;
}

a.add-offer-cart i {
    display: flex;
    color: var(--MAIN-COLOR);
}

a.continueBooking {
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    background: var(--color-white);
    text-decoration: none;
    transition: all .4s ease-out;
}

a.continueBooking:hover {
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    background: var(--MAIN-COLOR);
}

a.continueBooking:hover span {
    color: var(--color-white);
}

a.continueBooking i {
    width: 20px;
    height: 12px;
    color: var(--MAIN-COLOR);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

a.add-offer-cart span, a.continueBooking span {
    color: var(--MAIN-COLOR);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.border-line {
    width: 100%;
    height: 0.25px;
    background: var(--color-black);
}

.color-blue {
    color: var(--MAIN-COLOR);
}

.div-add-option, .div-modify-resa {
    border: 1px solid var(--color-black);
    padding: 5px 15px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    width: 347px;
    position: relative;
    height: 30px;
}

.div-add-option img, .div-modify-resa img {
    padding-right: 20px;
}

.div-add-option a, .div-modify-resa a {
    position: absolute;
    right: 10px;
}

.div-add-option {
    margin-right: 30px;
}

.bloc-cart-add-gifts {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

/* Complete cart with gifts */

.container-add-gifts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}

.container-add-gifts h3 {
    padding-bottom: 20px;
}

.bloc-cart-add-gifts-item {
    display: flex;
    width: 347px;
    padding: 5px 15px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    background: #FFF;
}

.gifts-item-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.gifts-item-left span {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.bloc-cart-add-gifts-item a {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

/* Bloc conditions de paiement */

.paiement-conditions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.paiement-conditions i {
    display: flex;
    align-items: center;
}

/* Partie annulation */

.cancel-conditions span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cancel-conditions span i {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.cancel-conditions span {
    color: var(--MAIN-COLOR);
    font-weight: 600;
}

/* Bloc Assurance annulation */
.assure-resa {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.assure-resa h3 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.assure-resa h3 span {
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.peaceOfMind span {
   color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

p.assure-resa-description {
    align-self: stretch;
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.assure-resa-confirm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

/* Masquer les boutons radio par défaut */
.assure-resa-confirm .input-checkbox {
    display: none;
}

/* Style de la case à cocher */
.d-flex.insuranceYes::before, .d-flex.insuranceNo::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #FFF;
    border-radius: 4px;
    vertical-align: middle;
    background-color: white;
    cursor: pointer;
    border: 1px solid var(--Colors-BE-GRIS, #EAEAEA);
}

/* Style lorsque l'option est sélectionnée */
.assure-resa-confirm .input-checkbox:checked + label::before {
    background-color: var(--MAIN-COLOR);
    border-color: #007BFF;
    content: '✔';
    color: white;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    border: 1px solid var(--Colors-BE-GRIS, #EAEAEA);
}


.wrap-assure-resa-confirm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.block-assure-resa-confirm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.wrap-assure-resa-confirm .radio-buttons {}

.wrap-conditions-assurance {
    display: flex;
    align-items: center;
    gap: 16px;
}

.assure-resa-confirm-yes, .assure-resa-confirm-no {
    display: flex;
    align-items: center;
    gap: 15px;
    align-self: stretch;
}

.d-flex.insuranceYes, .d-flex.insuranceNo {
    gap: 6px;
}

label.d-flex.insuranceYes strong, label.d-flex.insuranceNo strong {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.assure-resa-confirm-yes .input-checkbox, .assure-resa-confirm-no .input-checkbox {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: var(--color-white);
    outline: none;
}

.assure-resa-confirm-yes, .assure-resa-confirm-no {
    color: var(--color-black);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.assure-resa-cgv {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 10px 0;
}

.assure-resa-cgv a {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: none;
}

.assure-resa-cgv span.pipe {
    color: var(--color-black);
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
}

a.continue-btn-resa-bottom {
    display: flex;
    justify-content: flex-end;
}

a.continue-btn-resa-bottom {
    display: flex;
    height: 40px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--MAIN-COLOR);
    text-decoration: none;
    transition: all .4s ease-out;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
}

a.continue-btn-resa-bottom span {
    font-size: 14px;
}

a.continue-btn-resa-bottom:hover {
    background: var(--color-white);
    border: .25px solid var(--MAIN-COLOR);
    color: var(--MAIN-COLOR);
}

.wrap-bloc-cart .bloc-img-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.infosInsuranceSubscription {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    align-self: stretch;
}

.infosInsuranceSubscription span:last-child {
    color: var(--Colors-BE-PROMOTION, #CC1541);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

.infosInsuranceSubscription span i {
    color: var(--Colors-BE-PROMOTION, #CC1541);
}

/*Promo Section*/

.wrap-bloc-cart .bloc-coupons {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.bloc-coupons {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wrapper-iconPromo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.wrapper-iconPromo-input {
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    align-self: stretch;
}

.wrapper-iconPromo-input span {
    display: flex;
}

.wrapper-iconPromo-input i {
    transform: rotate(90deg);
}

.bloc-coupons #promo {
    font-size: 14px;
    font-weight: 400;
    outline: none;
    font-family: Inter;
    border: none;
    display: flex;
    flex-grow: 1;
}

.bloc-coupons .link-promo {
    color: var(--MAIN-COLOR);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
}

.promoMessage-icon {
    width: 15px;
    height: 15px;
}

/*.bloc-coupons .link-promo:hover {
    color: var(--MAIN-COLOR-LIGHT);
}*/

.bloc-cart-add-offer img {
    width: 15px;
    height: 15px;
}

/* Bloc promo Wvenet */

.wrapper-iconPassWavenet {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

/*.wrapper-iconPassWavenet-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wrapper-iconPassWavenet h5, .wrapper-iconPromo h5 {
   color: var(--Colors-BE-NOIR, #000);
}*/

.wrapper-iconPassWavenet-input {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid var(--HEB-LIGHT, #E1EAF8);
    align-self: stretch;
}

.bloc-coupons #passWavenet {
    font-size: 14px;
    font-weight: 400;
    border: none;
    width: 80%;
    outline: none;
}

.passWavenetMessage-icon {
    width: 15px;
    height: 15px;
}

#promoMessage {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5px;
    margin-top: 5px;
    justify-content: flex-end;
    color: var(--Colors-BE-PROMOTION, #CC1541);
}

#promoMessage .couponOK {
    color: var(--Colors-BE-OFFRE-SPCIALE, #0E9F9F);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

#passWavenetMessage {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5px;
    margin-top: 5px;
    justify-content: flex-end;
    color: var(--Colors-BE-PROMOTION, #CC1541);
}

.block-Wavenet,
.block-promo {
    width: 100%;
}

.error-message {
    color: var(--ROSE-ROSE, #CC1541);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}
.already-message {
    color: var(--MAIN-COLOR) !important;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
}

.bloc-coupons input:disabled {
    color: rgb(170, 170, 170);
    background: #fff;
}

.bloc-cart-add-offer-mobile {
    display: none;
}

.bloc-total-cart {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bloc-total-cart span {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.bloc-total-cart strong {
    color: var(--Colors-BE-NOIR, #000);
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
}

/* MEDIA QUERIES */




@media (min-width: 1025px) and (max-width: 1500px) {


    .wrap-flexbox-cart .bloc-infos-item-cart-slide, .wrap-flexbox-cart .wrap-cart-infos-option {
        flex-direction: column;
        gap: 4px;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    div#preCartItem .bloc-infos-item-cart-slide {
        flex-direction: column
    }

    .main-cart-page {
        padding: 30px 50px !important;
    }

    .flexbox-cart {
        flex-wrap: wrap !important;
    }

    .wrap-flexbox-cart {
        flex-direction: column;
        margin: 0 auto;
        min-height: auto;
    }

    .wrap-bloc-cart {
        width: 100%;
    }

    .resume-cart, .resume-cart-wrap {
        width: 100%;
    }

    .wrap-flexbox-cart .bloc-infos-item-cart-slide {
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 768px) {

    .wrap-coupons-assure {
        gap: 24px;
    }

    div#preCartItem .bloc-infos-item-cart-slide {
        flex-direction: column
    }

    .wrap-bloc-cart {
        flex: inherit;
        gap: 20px;
        width: 100%;
    }

    .wrap-flexbox-cart .bloc-infos-item-cart-slide, .wrap-flexbox-cart .wrap-cart-infos-option {
        flex-direction: column;
        gap: 4px;
    }

    .wrap-coupons-assure h3, .wrap-cart-title h3, .customerForm-title h3 {
        font-size: 20px;
    }

    .block-Wavenet,
    .block-promo {
        width: 100%;
        padding: 0;
    }

    .continue-btn-resa-bottom {
        margin: 0;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 250;
    }

    a.continue-btn-resa-bottom {
        height: 50px;
        width: 100%;
        padding: 0;
        border-radius: 0;
    }

    .bloc-total-cart strong {
        font-size: 18px;
    }

    .bloc-total-cart strong:last-child {
        font-size: 20px;
    }

    #promoMessage, #passWavenetMessage {
        margin-left: 0;
    }

/*    .wrapper-iconPromo-title, .wrapper-iconPassWavenet-title {
        max-width: initial;
    }*/

    div#cart-resume-container {
        width: 100%;
    }

    .bloc-cart-add-offer {
        display: none;
    }

    .bloc-cart-add-offer-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .bloc-cart-add-offer-mobile h3 {
        color: var(--color-black);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .wrap-gift-to-add {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
        flex-wrap: wrap;
        gap: 10px
    }
    
    a.continueBooking {
        font-size: 12px;
    }

    a.continueBooking i {
        font-size: 12px;
        display: flex;
        align-items: center;
    }

    a.add-offer-cart {
        display: flex;
        padding: 5px 13px;
        justify-content: center;
        align-items: center;
        gap: 5px;
        height: auto;
        font-size: 12px;
    }

    a.add-offer-cart i {
        font-size: 12px;
        display: flex;
        align-items: center;
        color: var(--MAIN-COLOR);
    }

    a.add-offer-cart span {
        text-transform: initial;
        color: var(--MAIN-COLOR);
        text-align: center;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
    }

    .add-gift-card, .add-gift-voucher {
        display: flex;
        align-items: flex-start;
        gap: 5px;
    }

    .wrap-flexbox-cart {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        gap: 20px;
    }

    .bloc-rate-cart {
        flex-direction: column;
        gap: 0;
    }

    .bloc-rate-cart .img-item-cart {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .item-cart-slide .date-offer-cart,
    .item-cart-slide .cart-number-night,
    .item-cart-slide .number-travellers, .item-cart-slide .paiement-conditions,
    .item-cart-slide .cancel-conditions {
        gap: 6px;
    }

    .assure-resa-confirm-yes p, .assure-resa-confirm-no p {
        font-size: 14px;
    }

    .assure-resa-cgv {
        gap: 2px;
        flex-wrap: wrap;
        margin: 10px 0;
    }

    .assure-resa-cgv .pipe {
        display: none;
    }

    .assure-resa-cgv a {
        text-decoration: none;
    }

    .sidenav .wrap-bloc-rate {
        gap: 20px;
        padding-right: 0 !important;
    }

    .div-add-option a, .div-modify-resa a {
        display: none !important;
    }

    .div-add-option img, .div-modify-resa img {
        padding-right: 5px !important;
    }

    .bloc-cart-add-gifts-item {
        width: 100%;
    }

    .bloc-cart-add-offer {
        flex-direction: column;
        align-items: center;
    }

    .resume-cart {
        width: 100%;
    }

    .resume-cart-wrap {
        width: 100%;
    }

    .bloc-cart-add-gifts {
        flex-direction: column;
    }

    a.continue-btn-resa-bottom {
        margin: 0;
    }

    .bloc-coupons .bloc-img-input {
        flex-direction: column;
    }

    .wrapper-iconPromo {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .wrapper-iconPassWavenet {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    /* Explications fonctionnement carte cadeau */

    .bloc-instructions .items-instructions {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    .bloc-instructions .items-instructions::before {
        display: none;
    }

    .bloc-instructions .items-instructions > div {
        padding: 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .bloc-instructions .items-instructions > div span {
        position: inherit;
        transform: inherit;
        left: auto;
        font-size: 14px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .bloc-instructions .items-instructions > div p {
        position: inherit;
        transform: inherit;
        left: auto;
        text-align: left;
        font-size: 14px;
    }

/*    .wrapper-iconPromo-title {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .wrapper-iconPromo-title h5 {
        font-size: 16px;
    }

    .wrapper-iconPassWavenet-title {
        display: flex;
        align-items: center;
        gap: 10px;
    }*/

    .wrapper-iconPromo-input {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .wrapper-iconPassWavenet-input {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .resume-cart-item-top .date-resume-cart i {
        display: none;
    }

    .resume-cart-item-top .date-resume-cart {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .block-Wavenet input::placeholder,
    .block-promo input::placeholder {
        font-size: 12px;
        color: var(--BASIC-GRIS-2, #A8A8A8);
    }

    .bloc-coupons .link-promo {
        font-size: 14px;
    }

}