/**handles:wp-mod-results-etab-style**/
.contentChambre {/*border:1px solid red;*/}
.plusF::after { content: '+'; }
.lessF::after { content: '-'; }
.button-checked,
.disabled.action-button,
.disabled .action-button { display:none; }
.disabled.button-checked { display:block; }

.plusF::before,
.lessF::before { 
  content: 'X';
  color: rgba(0,0,0,0);
  width: 100%;
  position: absolute;
  left: 0;
  height: 30px;
  bottom: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="rgba(255,255,255,1)" d="M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  transform: scaleX(-1);
}
.lessF::before { transform: scaleY(-1); }

.button-checked{text-align:center}
.button-checked::before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 10px;
    font-size: 30px;
    color: var(--color-1);
}
.li-checked::after {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 10px;
    font-size: 24px;
    color: var(--color-1);
}
.li-checked.active::after { color: #ffffff; }
.containerCart{
  position: fixed;
  top: 0;
  right: -60px;
  z-index: 9999;
  background-color: #fff;
  display: grid;
  max-width: 350px;max-width: calc(350px + 60px);
  /*overflow-y: auto;*/
  height: 100vh;
}
.containerCart.has-content { right: 0; }
.cartinformation {
  padding:15px 30px;
}
#cartInformation {
  overflow-y: auto;height: 100vh;padding-bottom: 90px;
}

.toggle-tab-cart-info .fa-circle-minus { display: none; }
.toggle-tab-cart-info .fa-circle-plus { display: block; }
.toggle-tab-cart-info.unfolded .fa-circle-minus { display: block; }
.toggle-tab-cart-info.unfolded .fa-circle-plus { display: none; }
.containerCart { transition: all .35s; }
.containerCart.aside-right { right: -410px; }

/* TABS */

.tabs-container {
  padding: 25px;
  z-index: 1009;
  position: relative;
}
 
.tabs {
  display: flex;
}
 
.tabs li:not(:last-child) {
  margin-right: 7px;
}
 
.tabs li a {
  display: block;
  position: relative;
  top: 4px;top: 0;
  padding: 20px 25px;
  border-radius: 2px 2px 0 0;
  /*background: white;
  opacity: 0.7;*/
  transition: all 0.1s ease-in-out;
  float:left;
  color: var(--color-1);
  font-size: 12px;
  font-weight: 700;
}
.tabs li.active a { color: #ffffff; }
/*
.tabs li.active a,
.tabs li a:hover {
  opacity: 1;
  top: 0;
}
*/
.tabs-content {
  position: relative;
  z-index: 2;
  /*padding: 25px;background: white;border-radius: 0 4px 4px 4px;*/
  border-radius: 10px;
}
 
.tabs-panel {
  display: none;
}
 
.tabs-panel.active {
  display: block;
}

@media screen and (max-width: 600px) {
  .tabs {
    flex-direction: column;
  }
     
  .tabs li {
    width: 100%;
  }
     
  .tabs li:not(:last-child) {
    margin-right: 0;
  }
     
  .tabs li a {
    border-radius: 0;
    opacity: 1;
    top: 0;
  }
     
  .tabs li.active a::before {
    content: '•';
    padding-right: 5px;
  }
     
  .tabs-content {
    border-radius: 0;
  }
}

.modele_pages_etablissements { padding: 25px 20px;position: relative; }
.modele_pages_etablissements:after {
  content: '';
  position: absolute;
  left: 0;right: 0;margin: 0 auto;
  bottom: -10px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid var(--color-1);
  z-index: 1010;
}


#buttonsChambres { border: 1px var(--color-1) solid;display: inline-flex;margin: 0;margin-bottom: 40px;border-radius: 10px; }
#buttonsChambres li { background-color: #ffffff;margin: 0; list-style: none; }
#buttonsChambres li.active { background-color: var(--color-1); }

.hebergement-block {
  box-shadow: 0px 14px 25px -13px rgba(0,0,0,0.45);
  border-radius: 10px;
  position: relative;
  margin-bottom: 50px;
  /*overflow: hidden;*/
  background-color: #ffffff;
  border-top: 10px var(--color-1) solid;
}
/*
.hebergement-block:after { 
  content: '';width: 100%;height: 9px;background-color: var(--color-1);
  position: absolute;
  left: 0px;
  top: 0;
}
*/
.contentChambre .formules {
  border-top: #e2e2e2 solid 1px;
  border-bottom: #e2e2e2 solid 1px;
}

.chambre-description { padding: 20px 20px 10px 20px; }

.expand-formules { cursor: pointer;padding: 10px 10px 30px 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }

.image-hebergement-chambre { width: 280px;height: 200px;object-fit: cover; }
.image-hebergement-chambre-formule { width: 180px;height: 128px;object-fit: cover; }

.formula:not(.disabled) .action-button { padding: 5px 30px;display: inline-block; }
.formula { border-bottom: 1px #e2e2e2 solid; }
.border-left { border-left: 1px #e2e2e2 solid; }
#chambreSelected { margin: 10px;text-align: center;bottom: 70px;position: relative; }

.closeChambreSelected{
  position: absolute;
  top: 0;
  right: 0;
}

/* - Añado clase .onmobile-hide al div id="cartInformation" para que no se muestre en mobile y solamente se muestre cuando se haga clic en el nuevo botón con el icono (cart) que se posicione fixed al pie de página. Al hacer clic abriremos div con resumen que podremos minimizar y tendra scroll de navegacion.
EN DESKTOP LO MOSTRAMOS SIEMPRE
*/
.onmobile-hide { display: block; }
#mobile-toggle-cart-info { display: none; }
@media screen and (max-width: 600px) {
  /* - Añado clase .onmobile-hide al div id="cartInformation" para que no se muestre en mobile y solamente se muestre cuando se haga clic en el nuevo botón con el icono (cart) que se posicione fixed al pie de página. Al hacer clic abriremos div con resumen que podremos minimizar y tendra scroll de navegacion.
  EN MOBILE LO OCULTAMOS AL CARGAR
  */
  .onmobile-hide { display: none; }
  .containerCart {
    max-width: 100vw;
    width: 100vw;
    height: 100vh;
    overflow: auto;
  }
  #mobile-toggle-cart-info {
    display: block;
    padding: 5px 30px;
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 20px;
    text-align: center;
    z-index: 9999;
  }
  #cartInformation { padding-bottom: 70px; }


  #chambreSelected {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .background-color-green { background-color: #5ae7a8; }

  #recherche-formulaire_chambre { 
    z-index: 1010;
    position: relative;
  }
}
#containerCartWrapper { padding-bottom: 40px; }

#recherche-formulaire_chambre { 
  z-index: 1010;
  position: relative;
}

#toggle-tab-cart-info {
  background-color:#ffffff;width: 60px;height: 60px;left: -60px;cursor: pointer;position: absolute;z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 10px;
  top: 0;
}

.tooltip-only-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .tooltip-only-mobile {
      display: block;
      color: #ffffff;
      background-color: #000000;
      font-family: "Open Sans", sans-serif;
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      padding: 5px;
  }
  h3 .tooltip span { display: none !important; }
  .tooltip-only-mobile strong { color: #ffffff !important; }
}