/* STYLE GLOBALE */
/* p, a:not(p>a), div>span {font-size: .9em !important;} */

main a:not(.btn):hover, .link-text:hover{text-decoration:underline}
main section:not(.leaflet-control-layers-list) {margin-top: 3.7em;}
main section.content-body {margin-bottom: 2em;}

main img.picto {border-radius: 0;}

.detail-hotel{display:grid;}

/* Box styling */
main .box {background-color:#f9f9f9;padding:20px;margin-bottom:20px;border-radius: 15px;box-shadow:0 4px 10px 1px rgb(0 0 0 / .25)}
main .white-styled{background-color:#fff;}
main .black-styled{background-color:var(--e-global-color-primary);color:#fff;}
main .black-styled h2 {color:#fff;}

section.content-body div.content-body-left section:first-child,
section.content-body div.content-body-right section:first-child {margin-top: 0;}


/* Subheader */
/* .subheader{background-color:var( --e-global-color-secondary );padding:20px;text-align:center;color:#fff;font-size:1.5em;font-weight:700} */


/* CONTENT HEADER */
@media screen and (max-width:768px) {
	/* .content-header a.back {position: absolute;top: 120px;color: white;} */
	.content-header a.back { display:none;}
}
.content-header .hotel-adresse p {display: flex; align-items: center; gap: 10px; text-decoration: underline;}

/* BOUTONS - Actions */
.hotel-btn-actions {display: flex; column-gap: 25px;}
.hotel-btn-actions #btn-action-partager {font-size: var( --e-global-typography-accent-font-size );}
.hotel-btn-actions #btn-action-partager:hover {color: var(--e-global-color-secondary);}
/*FIN - CONTENT HEADER */

#btn-action-favoris svg {stroke: var(--e-global-color-secondary);}


/* COLONNE GAUCHE - CONTENT BODY */
    /* GALERIE */
.photos{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px;margin-bottom:20px;width:100%}
.photos img{width:100%;height:auto;border-radius: 15px;cursor: pointer;}
.photos span{color:#fff !important;}

.photos .photo-principale{grid-column:1 / 2; height: 410px;}
.photos .photo-principale img {height: 410px;object-fit: cover;}

.photos .photos-secondaires{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;grid-column:2 / 3;}
.photos .photos-secondaires .photo{position:relative;height: 200px;}
.photos .photos-secondaires .photo img {height: 200px;object-fit: cover;}
.photos .photos-secondaires .photo .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / 35%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1em;font-weight:700;border-radius:15px;cursor: pointer;}

.photos .lightbox{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);display:flex;align-items:center;justify-content:center}
.photos .lightbox .lightbox-content{position:relative;text-align:center}
.photos .lightbox .lightbox-content .lightbox-photo{max-width:80%;max-height:80vh;margin:auto}

.photos .lightbox .closeLightbox{position:absolute;top:15px;right:25px;color:#fff;font-size:2em;cursor:pointer;z-index:1000}
.photos .lightbox .lightbox-content .lightbox-caption {text-align: center;color: white;margin-top: 10px;}
.photos .lightbox .lightbox-content .lightbox-caption .photo-number {display: block;font-size: .9em;margin-top: 5px;}
.photos .lightbox .lightbox-content .lightbox-caption .fullscreen-btn {border: none;color: white;font-size: 1.5em;margin-top: 5px;position: absolute;top: 0;right: 85px; background: none;}

.photos .lightbox .lightbox-content .prev, 
.photos .lightbox .lightbox-content .next{position:absolute;top:40%;font-size:1.9em;cursor:pointer;color:#fff;background:none;border:none;z-index:1000}
.photos .lightbox .lightbox-content .prev{left:15px}
.photos .lightbox .lightbox-content .next{right:15px}

/* FENETRE MODALE */
/* Pb bootstrap corrigé */
.modal-backdrop.show {z-index: 1;}
.modal-dialog-centered {justify-content: center;}
.modal .modal-content .modal-header .btn-close {cursor: pointer;}

		/* Autres */
.detail-hotel .modal {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index: 100;}

/* .detail-hotel .modal .modal-header h2, .detail-hotel .modal .moyens-paiements h2 {color: white;} */
.detail-hotel .modal .modal-content {/*background-color: #fff;*/padding: 10px 30px 30px;border-radius: 15px;width: 80%; max-height: 95vh; overflow: auto;}
.detail-hotel .modal .modal-content .modal-header {/*display: flex;align-items: center;justify-content: space-between;*/ border: none;}
.detail-hotel .modal .modal-content .eval-globale .modal-header {flex-direction: column; align-items: flex-start;}
.detail-hotel .modal .modal-content .eval-globale .modal-header h2 {margin-bottom: 0;}
.detail-hotel .modal .modal-content .modal-header .close {font-size: 3.8em !important;cursor: pointer;margin-top: -14px; font-weight: 200;}

.detail-hotel .modal .modal-content .moyens-paiements {padding-top: 35px;}

        /* Services */
.box.hotel-services .see-more {text-align: center;padding-top: 20px;}

/* .detail-hotel .modal.hotel-services .modal-content {background-color:var(--e-global-color-primary);color:#fff} */
.detail-hotel .modal.hotel-services .moyens-paiements .paiements-acceptes {display: flex;justify-content: space-between; gap: 15px; flex-wrap: wrap;}
.detail-hotel .modal.hotel-services .moyens-paiements .paiements-acceptes .paiement {display: flex;align-items: center; column-gap: 10px;/*width: -webkit-fill-available;*/}
.detail-hotel .modal.hotel-services .moyens-paiements .paiements-acceptes .paiement .type-icon img {width: 50px; height: 50px;}


    /* SERVICES */
.hotel-services a{display: block; width: 100%; text-align: center; margin-top: 20px;}

.hotel-services .services {display: grid;grid-template-columns: repeat(3, 1fr); row-gap: 20px; column-gap: 15px;}
.hotel-services .services .service {display:flex; column-gap: 10px; align-items: center;}
.hotel-services .services .service .service-icon svg {fill: #e5b62d; width: 3em; height: 3em;}
.hotel-services .services .service .service-icon img {width: 50px; height: 50px;}
.hotel-services .services .service .service-info {display:flex;flex-direction: column; width: 100%;}
.hotel-services .services .service .service-info .service-info-name {font-weight: 700;}
.hotel-services .services .service .service-info .service-info-descp {font-size: .9em;}


    /* HORAIRES */
.horaires {display: flex; /*justify-content: space-between;*/ flex-direction: column; row-gap: 20px;}
.horaires .bloc-picto {gap: 15px;}
.horaires .horaires-detail h3 {margin: 0;}
.horaires .horaires-detail span {font-size: .9em;}


    /* HOTELIER */
/* .hotel-contact {display: flex;} */
.hotel-contact .hotel-contact-personne {display: flex;flex-direction: column;/*width: 30%;*/}
.hotel-contact .hotel-informations {display: flex;/*width: 70%;*/ gap:10px;margin-left: -20px;margin-top: 5px;}
.hotel-contact .hotel-informations a.btn:hover {background-color: var(--e-global-color-a4245a1);}
.hotel-contact .hotel-informations a.btn:focus {box-shadow: none;}
.hotel-contact .hotel-contact-personne p.nom-hotelier {margin:0; font-size:1.1em;}
.hotel-contact .hotel-contact-personne span {font-size: .9em;}

@media screen and (min-width:768px) and (max-width:1400px){
	.hotel-contact .hotel-informations a.btn {/*margin-left: -20px;*/margin-top: 10px;}
}

/* ENGAGEMENTS - ECO-SCORE */
.hotel-engagements {display: none;}
.hotel-engagements .eco-score {display: flex; gap:40px; align-items: center;}
.hotel-engagements .eco-score .eco-score-moyenne img {width: 200px;}


    /* A propos de l'hotel */
.hotel-description .description {margin-bottom: 35px;}

/* FIN - COLONNE GAUCHE - CONTENT BODY */


/* COLONNE DROITE */
/* .content-body-right .box .hotel-contact {display: flex;}
.content-body-right .box .hotel-contact .hotel-contact-photo {width: 30%;}
.content-body-right .box .hotel-contact .hotel-contact-photo img {width: 50px; height: 50px; border-radius: 50%;}
.content-body-right .box .hotel-contact .hotel-contact-personne {width: 70%; display: flex; flex-direction: column;} */

.content-body-right .box .hotel-informations {display: flex; flex-direction: column;}
.content-body-right .box .hotel-informations a {color: var(--e-global-color-primary);}

.content-body-right.sticky-container {position:-webkit-sticky;position:sticky;top:130px;height: fit-content;}

.content-body-right .box{margin-bottom:20px;padding: 1.7em;}
.content-body-right .box .type-tarif {text-align: center;margin: 10px;}
.content-body-right .box .type-tarif .type {background-color: var(--e-global-color-primary);color: var(--e-global-color-secondary);padding: 8px;border-radius: 10px;}

.content-body-right .box .hotel-reserver {text-align:center;}
.content-body-right .box .hotel-reserver .hotel-tarif-special p {font-weight: 700;margin-top: 20px; margin-bottom: 0;}
.content-body-right .box .hotel-reserver .hotel-tarif-special p .price {font-size: 1.8em;}
.content-body-right .box .hotel-reserver .hotel-tarif-classique p .price {font-size: 1.4em;}

.content-body-right .box .hotel-reserver .prix-ttc {color: var(--e-global-color-142e3b0); font-weight: 700; font-size: .8em;}

.content-body-right .box .devenir-membre {text-align: center;}
.content-body-right .box .devenir-membre img {max-height: 8vh;}
.content-body-right .box .devenir-membre ul {list-style-type: none;padding: 0; text-align: left;}
.content-body-right .box .devenir-membre ul li {position: relative;padding-left: 24px;}
.content-body-right .box .devenir-membre ul li::before {content: '';position: absolute;left: 0;top: 5px;width: 16px;height: 16px;background: url(https://ch-wp.illicoweb.com/wp-content/uploads/2024/12/etoile.svg) no-repeat center / contain;}

/*FIN - COLONNE DROITE */


/* LOCALISATION */
.hotel-localisation .calcul-distance {position: relative;}
.hotel-localisation .calcul-distance img {position: absolute;z-index: 1;left: 25px;top: 15px;}
.hotel-localisation .calcul-distance input#city-input {background-color: #ffffff;border-radius: 30px;border: 1px solid #e5b62d;padding: 15px;padding-left: 40px;}
.hotel-localisation .calcul-distance button {position: absolute;right: 25px;top: 11px;padding: 5px 10px;background-color: var(--e-global-color-primary);}
.hotel-localisation .calcul-distance button:hover {background-color: var(--e-global-color-secondary);}
.hotel-localisation .calcul-distance button a {color: var( --e-global-color-secondary );}
.hotel-localisation .calcul-distance button a:hover {color: var(--e-global-color-primary );}

.hotel-localisation #map{width:100%;height:500px;background-color:#f1f1f1;margin-top:20px;box-shadow:0 4px 4px 1px rgb(0 0 0 / .3); border-radius: 15px;z-index: 1;}

/*FIN - LOCALISATION */

/*Avis hotel*/

.mobile, #btn-action-favoris.mobile{display:none !important;}

/* RESPONSIVE */
@media screen and (max-width:991px){
	main .container{max-width:970px !important;}
}

/* @media screen and (max-width:916px){
	.content-body-right .box .type-tarif { background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary); padding: 8px; border-radius: 10px;}
	.content-body-right .box .type-tarif .type{line-height:2;background: none;color: inherit;padding: 0px;border-radius: 0;	}
} */

@media (max-width:768px){
    .content-body{display:block} 
    .content-body-left,.content-body-right{flex:0 0 100%;margin-right:0;margin-bottom:20px}
    .content-header h1{font-size:1.5em}
	
	.hotel-btn-actions {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
    
	.photos{grid-template-columns:1fr}
    .photos-secondaires{grid-template-columns:1fr 1fr;grid-template-rows:auto}
   
	.calcul-distance.mobile{display:inline-block !important;width:100%;margin-top:2em;}

	.hotel-contact{	display:inline-block;}
	.hotel-contact-personne{width:100% !important;	}
	.hotel-informations{/*flex-direction:column;*/ margin-top:2em;width:100%!important; flex-wrap: wrap;	}
	/* .hotel-informations a{margin-bottom:1.8em;}*/

	/* #detail-hotel .content-body-right.sticky-container{display:none;} */

    .btn.btn-encadre { border: none !important; display: flex !important; flex-wrap:wrap; justify-content:center; padding:0.2em; }
	.btn.btn-encadre img, .btn.btn-encadre div.favoris-svg {position: relative;width: 45px;border: 2px solid var(--e-global-color-primary);border-radius: 50%;object-fit: scale-down; }
	.btn.btn-encadre div.favoris-svg {height: 45px;}
	.btn.btn-encadre .etoile{border:none;width: auto;margin-bottom:0.5em;border-radius:0 ;object-fit: scale-down;}
	.underline{	text-decoration:underline;}
	.btn.btn-encadre span{ border:none; /*min-height: 40px; */}
	.hotel-services .services, .modal-content .notes {grid-template-columns: repeat(1, 1fr);}
	.detail-hotel .modal.hotel-services .moyens-paiements .paiements-acceptes {flex-direction:column; row-gap: 30px;}
	
	.detail-hotel .modal .modal-content .modal-header .close4 {position: absolute; top: 1%; right: 5%;}
	
	.detail-hotel .modal .modal-content {width: 90%;}

	.detail-hotel section{margin-bottom:0}

	.detail-hotel section.content-body{margin-top:0 !important;	}

	.desktop, #btn-action-partager.desktop, .hotel-adresse , .hotel-galerie-photos.desktop {display:none !important;}
	.hotel-galerie-photos.mobile {display: block !important;}
	
	.horaires, .eco-score{	flex-wrap:wrap;	}

	.bloc-picto{margin-bottom:1.5em;}

	.bloc-picto .picto{	max-width:2.5em;}
}

@media screen and (max-width:457px){
	.btn.btn-encadre span {
		font-size: 0.8em;
	}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.hotel-services .services {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:1024px){
	.detail-hotel .modal .modal-content {padding: 0px 10px 10px;}
	.detail-hotel .modal.all .modal-content {padding: 0 0 15px;}
}

/*FIN - RESPONSIVE */


/* RESERVATION HOTEL */
.prix-reduit{text-decoration: line-through;}

.carousel-item img {height: 435px; object-fit: cover;}
/*.card .card-body.room-choice,*/ .card .card-body.room-desc {padding-bottom: 0;}
.card .card-body.offer-choice {padding: 0 1.8rem;}
.card .card-body .hotel-info h2 {margin-top: 0;}
#resume-hotel .container.content-body, #choix-chambre-hotel .container.content-body {margin-top: 1em;}

	/*Carrousel*/
.carousel-indicators [data-bs-target] { width: 15px; height: 15px; border-radius: 100%; }
.carousel-indicators .active {background-color: var(--e-global-color-secondary);}
.carousel-indicators button:hover {background-color: #FFF ; opacity: 100%;}
@media (min-width: 767px) {
	.card .room-choice {height: 100%; display: flex; flex-direction: column;}
 	/* .room-img {position: relative; top: -20px; right: -20px;} */
	.carousel-item img {border-radius: 0 10px 0 0 !important;}
}
.slider-room .carousel .carousel-indicators {margin: 0px; background-color: #00000050;padding: 3.5%;}

	/* Btn sous le carrousel*/
.link-others-rates {display: flex; justify-content: center; padding: 10px 0px; background: var(--e-global-color-primary);}
.link-others-rates  a {color: #FFF !important;}
.link-others-rates  a:hover {color: var(--e-global-color-secondary) !important;}

  /* Picto */
.desc-courte .bed::before {content: url("/wp-content/uploads/2025/02/Picto-lit.svg"); margin-right: 10px; display: flex; align-items: center;}
.desc-courte .area-bed::before {content: url("/wp-content/uploads/2025/02/picto-m2.svg"); margin-right: 10px; display: flex; align-items: center;}
.desc-courte .bed {display: flex; align-items: center;}
.desc-courte .area-bed {display: flex; align-items: center;}
.desc-courte {display: flex; flex-direction: column; gap: 10px;}
.desc-bed {display: flex; flex-direction: column; gap: 10px;}

.link-detail-bed{text-decoration: underline;}

  /* Membre*/
.price-a-partir .type-tarif {background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary); padding: 8px 10px; border-radius: 10px; }
.price-a-partir {margin-top: 20px; }
.price-a-partir .hotel-tarif-special {margin-top: 20px; }

 /* Choisissez votre offre */
.others-rates {margin: 1.8rem 0;}
.others-rates .choix-rate {color: var( --e-global-color-text ); font-family: var( --e-global-typography-secondary-font-family ), Sans-serif; font-size: var( --e-global-typography-secondary-font-size ); font-weight: var( --e-global-typography-secondary-font-weight );}
  /*bloc gris*/
.others-rates .rate {padding: 10px 20px ; margin: 10px 0px; background-color: #F7F7F7; border-radius: 10px;}

	/*Btn choisir*/
.add-room {background-color: var(--e-global-color-secondary); padding: 10px 15px; border-radius: 100px;display:inline-block;}
.add-room:hover {background-color: var(--e-global-color-d52111a); }
a.add-room:hover {color:var( --e-global-color-text) !important; text-decoration: none !important;}
a.add-room.active::before {content: "\f00c"; font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 8px;}

	/*Infos tarifs*/
.info-tarif {color: var(--e-global-color-142e3b0); font-size: .8em;}

	/*Tarifs*/
.rate-price {margin-top: 20px; margin-bottom: 20px; display: flex; align-items: center; gap: 5px; }
.rate-price div {display: flex; align-items: center;  gap: 5px;}
.type-tarif-membre {background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary); padding: 3px 5px; border-radius: 10px; }
.price-membre {font-size: 2em; font-weight: 700;}
.sepa { display: inline-block; width: 2px; border-radius: 10px ; height: 2em; background-color: var(--e-global-color-primary); vertical-align: text-bottom; margin: 0 8px;}
.type-tarif-public {border: 1px solid var(--e-global-color-primary); color: var(--e-global-color-primary); padding: 3px 5px; border-radius: 10px; }
.price-public {font-size: 1.5em; font-weight: 400;}

.bloc-card .card .card-body.room-choice .hotel-tarifs {margin-bottom: 1.2rem;}

.hotel-tarif-special p {font-weight: 700;}
.hotel-tarif-special .price {font-size: 2em; }
.hotel-tarif-classique .price {font-size: 1.5em; font-weight: 400;}

  /*étoile*/
/*
.rate-info-summary {margin-top: -20px;}
.rate-info-summary p::before {content: url("/wp-content/uploads/2024/12/etoile.svg"); display: inline-block; transform: scale(0.5) translateY(15px) translateX(15px);}
*/
  /*description*/
.description p {margin-top: 20px;}

	/* Responsive */
@media (max-width: 768px) {
	.col {flex: none;}
	.detail-hotel:not(#detail-hotel) .carousel-item img {border-radius: 10px 10px 0 0 !important; height: 45vh;}
	/*.room-img {margin-top: -20px;  padding-right: : 0 !important; padding-left: : 0 !important;}*/
	.room-img img {max-width: 100%;}
	.rate .col-md-3 {margin: 20px 0;}
	.room-desc {order: 2;}
	.room-img {order: 1;}
	.link-others-rates.mobile {display: block !important; display: flex !important; justify-content: center !important; margin-top: 10px; margin-bottom: 10px;}
	.link-others-rates {border-radius: 10px;}
	.carousel-indicators {border-radius: 0 0 10px 10px;}
	.sepa {display: none;}
	.info-programme {flex-direction: column;}
	#resume-hotel .container {margin-top: 2em; }
	.rate-price {flex-direction: column; align-items: start}
}

@media (max-width: 1024px) {
	.rate .col-md-3 {margin: 20px 0; width: 100%;}
	
}

  /* Service supplémentaire */
.liste-options {margin-bottom: 10px; display: flex; align-items: center; background-color: #F7F7F7;border-radius: 10px; padding: 10px;}
.prix-option-total {margin-left: auto; font-size: 1.2em;  font-weight: 700; display: flex; gap: 5px;}
.liste-options select {max-width: 80px; margin: 0px 10px; border-radius: 10px}
/*.liste-options input {margin-right: 10px}*/

.quantity-selector {display: flex;align-items: center;justify-content: center;gap: 0px; /* espace entre boutons et input */	max-width:100px;}

.quantity-selector a.quantity-minus,
.quantity-selector a.quantity-plus {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 1px solid #333;border-radius: 50% !important;cursor: pointer;text-decoration: none;font-size: 18px;color: #333;/*transition: background-color 0.2s, color 0.2s;*/}
/*
.quantity-selector a.quantity-minus:hover,
.quantity-selector a.quantity-plus:hover {
    background-color: #333;
    color: #fff;
}
*/
.quantity-selector input.quantity-input {width: 30px;text-align: center;font-size: 16px;border: none;background-color: transparent;appearance: textfield;-moz-appearance: textfield;outline: none;cursor: default;user-select: none;padding:0;}

.quantity-selector input.quantity-input::-webkit-inner-spin-button,
.quantity-selector input.quantity-input::-webkit-outer-spin-button {display: none;}

.quantity-selector input.quantity-input:focus{box-shadow: none;}

.quantity-selector label {
  background-color: #fff;
  border: 1px solid black;
  border-radius: 50% !important;
  cursor: pointer;
  height: 30px;
  right: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.quantity-selector label:after {
  border: 2px solid #ffffff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  right: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.quantity-selector input[type="checkbox"] {
  visibility: hidden;
}

.quantity-selector input[type="checkbox"]:checked + label {
  background-color: #000000;
  border-color: #000000;
}

.quantity-selector input[type="checkbox"]:checked + label:after {
  opacity: 1;
}





@media (max-width: 768px) {.liste-options select {max-width: 50px;}}

/* Bloc programme fidélité */
.info-programme {display: flex; align-items: center; gap: 40px; background-color: var(--e-global-color-primary); padding: 20px; border-radius: 20px;}
.info-programme .info-1 {color: var(--e-global-color-secondary); font-size: 1.5em; font-weight: 600; margin-bottom : 15px;}
.info-programme .info-2 {color: #FFF; font-size: 1em; font-weight: 500;}

/* PANIER */
.icon-trash svg {stroke: #000;}
.icon-trash svg:hover {stroke: var(--e-global-color-secondary);}

/* Tunnel de réservation - sticky de la colonne de droite + modif responsive */
#basket-resume #basket-total {display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; font-weight: 700;}
#basket-resume .basket-total-info {display: flex; flex-direction: row; justify-content: space-between; margin-top: 5px}
#basket-resume .lien-bloc-detail {display: none;}
#basket-resume .basket-total-info .basket-info {color: var(--e-global-color-142e3b0);  font-size: .8em; width: 100%}
#basket-resume #basket-total #total {font-size: 1.8em;}
#basket-resume #add-room .form-basket button, #basket-resume .final-bouton form button {width: 100%; max-width: 100%;color:var(--e-global-color-primary)}
#basket-resume #add-room .form-basket .btn-light:disabled {display: none;}
#basket-resume #add-room, #basket-resume .bloc-total, #basket-resume .final-bouton {margin-top: 2em; }
#basket-resume #bloc-detail {padding-top: 20px !important; display: block; }
#basket-resume .search-voyage { padding: 1em; background: var(--e-global-color-a4245a1); border-radius: 100px; display: flex; align-items: center; gap: 1em;}
#basket-resume .search-voyage.voyageurs-dates {margin-bottom: 20px;}
#basket-resume .lien-basket-detail {display: none;}

#basket-resume .link-modif-date{padding-top:5px;}
#basket-resume .link-modif-date a{font-size: .8em;color:#EA7621;}
#basket-resume .link-modif-date a .fa{font-size: 1.4em;}


@media (max-width: 1024px){
	#basket-resume .lien-basket-detail {display: block !important;}
	#basket-resume .lien-bloc-detail {display: block !important;}
	#basket-resume .bloc-detail {display: none;}
	#basket-resume .basket-total-info .basket-info {width: 40%}
 	.content-body-right.sticky-container {bottom: 0 !important; z-index: 10;}
	#basket-resume .search-voyage {display: none;}
	#basket-resume .content-body-right .box {margin: 0px;}
	#basket-resume {margin: 0px; margin-top: 20px;}
	#basket-resume .box {margin: 0px -10px; border-radius: 0px; display: flex; flex-direction: column; padding: 1em 1.7em;}
	#basket-resume .bloc-total {margin-top: 0px;}
	#basket-resume #add-room {margin-top: 10px; }
	#basket-resume .basket-total-info .lien-basket-detail a {font-size: var( --e-global-typography-text-font-size );}
	#basket-resume #basket-total #total {font-size: 1.5em;}
	#basket-resume #basket-rooms section {margin-top: 0px !important; margin-bottom: 20px;}
	#basket-resume .final-bouton {margin-top: 10px;}
	#basket-resume #bloc-detail {padding-top: 10px !important; display: none;}
}

	/* Resume */
section.resume-room {display: none;}
section.infos-supplementaires {margin-top: 0 !important;}

	/* Finaliser réservation */
.btn-validation input[type="submit"] {color: var(--e-global-color-primary) !important;}

/*FIN - RESERVATION HOTEL */

/* Fiche hotel - sticky de la colonne de droite + modif responsive */

@media (max-width: 1024px){
	#detail-hotel #bloc-cash-smile {display: none;}
	#detail-hotel {margin: 0px !important;}
	#detail-hotel #bloc-tarifs.box {margin: 0px -10px; border-radius: 0px; display: flex; flex-direction: column; padding: 1em 1.7em;}
	#detail-hotel #divInfoPrixMini .type-tarif {display: none; margin: 0px !important; padding: 0px !important;}
	#detail-hotel .hotel-tarif-special p {margin-top: 0px !important;}
	#detail-hotel .hotel-reserver a {width: 100%;}
	#detail-hotel .hotel-tarif-classique p {margin-top: 0px !important; margin-bottom: 3px !important;}
}








/*  étapes réservation */
.stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0;
  }
  
  .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size:1.2em;
  }
  
  .circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid var(--e-global-color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	background-color: white;
	transition: all 0.3s ease;
  }
  
  .step.active .circle {
	background-color:  var(--e-global-color-secondary);
  }
  
  .line {
	height: 2px;
	background-color:var(--e-global-color-secondary);
	flex: 1;
	max-width: 80px;
	align-self: center; /* aligne la ligne verticalement au centre du stepper */
	margin: 0 5px;
	transform: translateY(-10px); /* Ajuste verticalement la ligne */
  }
  
  .label {
	margin-top: 8px;
	font-size: 14px;
	text-align: center;
	/*width: 150px;*/
  }