/*COCO de config 3-0-0 ajout style non-clikable et tooltop-text pour configurer l'affichage d'un strore non dicponible dans la liste de modal*/
.hidden {
    display: none;
}



#store_selector_modal.active_map .store_list li.non-clickable {
    pointer-events: auto ; /* Désactive les clics */
    opacity: 0.5 !important ;          /* Facultatif : rend l'élément visuellement désactivé */
    cursor: not-allowed  !important ;   /* Change le curseur pour indiquer qu'il est non cliquable */
}
/* Style de base pour masquer l’infobulle */
.non-clickable .tooltip-text {
    visibility: hidden;
    pointer-events: none ;
    background-color: #333; /* Couleur de fond de l'infobulle */
    color: #fff;            /* Couleur du texte de l'infobulle */
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 50%;           /* Positionne l'infobulle au-dessus */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: nowrap;    /* Pour éviter que le texte soit coupé */
}

/* Affiche l’infobulle au survol*/ 
.non-clickable:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
/*COCO Fin ajout*/
/*DAVID ****************************************
BOUTON SELECTION MODE DE LIVRAISON HEADER
*****************************************/


.psd_store_selector i.material-icons {
    /*margin-right: 10px; */
    font-size: 24px; 
}

/* remplace material icon */
.psd_store_selector .livraison-img {
    margin-right: 10px; 
    width: 22px; 
    transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;

}
.psd_store_selector i.material-icons:hover {
	/*background: var(--primary-bg-color);*/
	color: var(--secondary-bg-color);
	transform: rotateY(180deg);
    transition: transform 0.3s ease-in-out;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}
.psd_store_selector.active:hover {
	color:var(--secondary-bg-color);
	opacity: 0.8;
}

.psd_store_selector span {
	white-space: wrap;
	max-width: 170px;
    width: auto;
    margin-left: 0px;
}

@media (max-width: 1199px) {
    .psd_store_selector {
        margin: 30px 15px 0 0;
    }
    .psd_store_selector span {
		display: none;
		width: 0px;
	}
}
/*
@media (max-width: 991px) {
    .psd_store_selector {
        margin: 25px 15px 0 0;
    }
}*/
/*DAVID AJOUT**/
/*
@media (max-width: 767px) {
    .psd_store_selector {
		margin: 15px 0px 0px 15px;
		width: 40px;
    }
	.psd_store_selector i.material-icons {
		margin-right: 0; 
		font-size: 24px; 
	}
	.psd_store_selector .livraison-img {
		margin-right: 0px; 
		width: 22px; 
	}
}*/
/****************************************/
/* COCO ajout style pour les sous titre du modal*/
#store_selector_modal .modal-subtitle {
	display:flex;
	text-align : left;	
	padding: 5px
}
/*COCO ajout overflow et max heigheit pour que les point relias sélectionné sur la carte se decale en haut de la fenetre*/
#store_selector_modal .store_list {
	margin-bottom: 0;
	overflow-y: auto;
	max-height: 450px;	
}
/*COCO chgt max-height pour afficher laliste en entier*/
#store_selector_modal .modal-body {
	max-height: 522px;
    height: auto !important;
    overflow: hidden;
    padding : 15px;
}
#store_selector_modal h5 {
	cursor: pointer;
}
#store_selector_modal h5:hover{
	color: var(--secondary-bg-color);
   }

#store_selector_modal.active_map .store_list li.selected .storeInfosFooter button,
#store_selector_modal.active_map .reservation_ok button ,
#store_selector_modal.active_map .store_list li button {
	position: inherit;
	right: inherit;
	top: inherit;
	width: auto;
	border-radius: 4px;
    margin: 10px auto 0;
    display: block;
}

/*DAVID GROS AJOUT jusqu'a la fin **/

/* réduit la taille de l'icone done dans la page produit */
#icon_done{
	width: 20px;
	height: 20px;
	font-size: 18px;
}
/* bouton s'aligne avec la barre de recherche */
#search_cp_button{
	padding : 8px 25px !important;
}

/* Alignement bouton livraison à domicile dans la pop up de choix de lieu de livraison */
#btn_domicile{
	float: left;
}

/* Alignement input code postal dans la popup de choix de lieu de livraison */
#cp_input{
	float: left;
	width: 80px;
	height: 43px;
	border: 1px solid #C7D6DB;
    border-radius: 3px;
	text-align: center; 
    line-height: 43px; 
}

/* Alignement bouton validation cp dans la popup du choix de lieu de livraison */
#btn_cp{
	float: left;
	margin-left: 10px;
}

/* Zone résultat message validation cp */
#alert_cp{
	float: left;
	margin-left: 10px;
    border-radius: 3px;
	padding : 12px 25px;
}
#btn_CE{
	float: left;
	margin-left: 10px;
}

.ce-input{
	float: left;
	width: 100px;
	height: 44px;
	border: 1px solid #C7D6DB;
    border-radius: 3px;
	text-align: center; 
    line-height: 44px; 
}
.carrier-delay .btn-secondary {
    max-width: 50px;
    padding: 10px 10px
}
#alert_ce{
	float: left;
	margin-left: 10px;
    border-radius: 3px;
	padding : 12px 25px;
}

#CE_input_carrier{
	width: 120px;
	height: 43px;
	border: 1px solid #C7D6DB;
    border-radius: 3px;
	text-align: center; 
    line-height: 43px; 
    vertical-align: middle;
}

/* rajout loader */
.ajax-loader {
	visibility: hidden;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	z-index: 100 !important;
	width: 100%;
	height: 100%;
}

.ajax-loader img {
	position: relative;
	left:20%;
}
  
/* Retirer les marges des stores dans le modal */
.modal-body .store_list{
	padding-inline-start: 0px;
	margin-inline-start: 0px;
}


/* DAVID AJOUT ne pas faire passer la map au dessus du header */
#map{
	z-index: 1;
}

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 


/* COCO MODIF pour mise en forme dans le modal */

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: var(--header-nav-bg-color);
    color: var(--header-nav-text-color);
}
#content_modal_dom , #content_modal_ent{
    text-align: left; 
    margin-left: 20px;
}
#modal_footer_close{
    text-align: center;
}    

/* CHANGEMENT DES COULEURS */
#store_selector_modal .store_list li.selected {
    /*background: var(--secondary-bg-color);
    color: #FFF;
    border: none;*/
    background: transparent;
    color: var(--secondary-bg-color);
    border: 3px solid var(--secondary-bg-color);

   }
  #store_selector_modal .store_list li.active, #store_selector_modal .reserved_slot .reservation_ok.active {
    /*background: var(--secondary-bg-color);*/
    background: transparent;
    color: var(--secondary-bg-color);
    border: 3px solid var(--secondary-bg-color);
  }
  #store_selector_modal .reserved_slot .reservation_ok.active,
  #creneau_selected.alert-success,
#creneau_selected_back.alert-success {
    background: transparent;
    color: var(--secondary-bg-color);
    border: 1px solid var(--secondary-bg-color);
  }
  #table_creneau.viewList tr td .dispo:hover, #table_creneau.viewList tr td .dispo:active, #table_creneau.viewList tr td .dispo:focus, #list_creneau.viewList td span:hover, #list_creneau.viewList td span:active, #list_creneau.viewList td span:focus, #table_creneau.viewList tr td .dispo.selected {
    background: var(--tertiary-bg-color);
    color: #FFF;
  }
  #list_creneau tr td span.active {
    background:var(--secondary-bg-color);
    color: #FFF;
    border-radius: 1rem;
  }
  .psd_store_selector:hover {
	color:var(--secondary-bg-color);
}
#store_list .active_store,
#store_list .active_store:hover {
	/*background: var(--secondary-bg-color);
    color: #FFF;
    border: none;*/
    background: transparent;
    color: var(--secondary-bg-color);
    border: 3px solid var(--secondary-bg-color);
    border-radius: 4px;
}
#shop_selected {
    background: transparent;
    color: var(--secondary-bg-color);
    border: 3px solid var(--secondary-bg-color);
    /*	background: var(--secondary-bg-color);
    border:none;    
    border-top: none;
    color: #FFF;*/
    margin: 10px 15px;
    border-radius: 4px;
    position:relative;
    box-sizing:border-box;
    max-width:100%;
	/*width: 100%;*/
}
