/* $gray-lighter:        lighten($gray-base, 93.5%) !default; // #eee */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/* RIGHT TO LEFT */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* DOUBLE BORDERS */
/* TRIPLE BORDERS */
/* FONT FACE */
/* OPACITY */
/* TEXT SHADOW */
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/**parallax**/
/**absolute**/
/*  
 * LAYOUT VARIABLES 
 */
/** CHECKOUT BY STEP */
/* --- SCSS For Accordion --- */
/* --- SCSS For Breadcrumb --- */
/* --- SCSS For Buttons --- */
/* --- SCSS For Call-to-action --- */
/* --- SCSS For Content-slider --- */
/*  */
/* carousel-controls-v1 */
/* carousel-controls-v2 */
/* carousel-controls-v3 */
/* Navigation Styles */
/* carousel-indicators-v1 */
/* carousel-indicators-v2 */
/* carousel-indicators-v3 */
/* carousel-indicators-v4 */
/* carousel-indicators-v5 */
/* carousel-indicators-v6 */
/* --- SCSS For Counters --- */
/* --- SCSS For Heading --- */
/* --- SCSS For Icon-box --- */
/* --- SCSS For Interactive-banner --- */
/* --- SCSS For Latest-posts --- */
/* latest posts */
/* --- SCSS For List --- */
/* variables for list */
/* variables for list light */
/* --- SCSS For Message --- */
/* --- SCSS For Newsletter --- */
/* --- SCSS For Piechart --- */
/* --- SCSS For Pricing --- */
/* --- SCSS For Process-steps --- */
/* process-steps */
/* --- SCSS For Service --- */
/* variables for tab style1 using as base of tab */
/* --- SCSS For Style-icon --- */
/* Variables icons default */
/* Variables icons bodered */
/* Variables icons darker */
/* Variables icons light */
/* Variables icons plain */
/* Variables icons outline */
/* Variables icons inverse */
/* Variables icons for light style */
/* --- SCSS For Table --- */
/* --- SCSS For Tabs --- */
/* variables for tab style1 using as base of tab */
/* tab style version 4 */
/* tab style version 5 */
/* tab style version 6 */
/* --- SCSS For Testimonials --- */
/* testimonials default */
/* testimonials-v1 */
/* testimonials light */
/* testimonials-v4 */
/* testimonials-v5 */
/* testimonials-v6 */
/* --- SCSS For Typography --- */
/**********************************************************
				Authentication Styles
**********************************************************/
#account-creation_form .id_state,
#account-creation_form .dni,
#account-creation_form .postcode {
  display: none;
}

#create-account_form {
  min-height: 297px;
}

#create-account_form p {
  margin-bottom: 8px;
}

#create-account_form .form-group {
  margin: 0 0 20px 0;
}

#login_form {
  min-height: 297px;
}

#login_form .form-group {
  margin: 0 0 15px 0;
}

#login_form .form-group.lost_password {
  margin: 14px 0 15px 0;
}

#login_form .form-group.lost_password a {
  text-decoration: underline;
}

#login_form .form-group.lost_password a:hover {
  text-decoration: none;
}

#login_form .form-control,
#create-account_form .form-control {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #identification-section {
    display: flex;
    flex-direction: column-reverse;
  }
}

.radio label,
.checkbox label {
  font-size: 1em;
}

/* === Styles spécifiques à la page de connexion en mobile pour ne pas noyer le bouton 'Créer un compte' === */
@media screen and (max-width: 767px) {
  body#authentication h1.page-heading {
    padding-bottom: 5px;
    font-size: 20px;
  }

  body#authentication h3.page-subheading {
    font-size: 18px;
  }

  body#authentication #breadcrumb {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#authentication h3.page-subheading {
    margin-bottom: 5px;
  }

  body#authentication #login_form {
    min-height: auto;
  }

  body#authentication #login_form .form-group,
  body#authentication #account-creation_form .form-group {
    margin: 0;
  }

  body#authentication .tooltip-info .tooltiptext {
    width: 300px;
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
  }

  body#authentication .control-label {
    padding-left: 0;
  }
}

/* Effet bulle en renseignant le siret avec ouverture des infos établissement */
.bubble-container {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
}

.bubble {
  position: absolute;
  border-radius: 50%;
  opacity: 0.9;
  transform: scale(1);
  animation: float-up 0.5s ease-out forwards;
  box-shadow: 0 0 20px rgba(255, 207, 33, 0.6);
}

.bubble.pop {
  animation: pop-bubble 0.25s ease-out forwards;
}

@keyframes float-up {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pop-bubble {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}


/* Style popup de choix de compte dans le cas une adresse email == plusieurs comptes */
.account-card {
  background-color: #e8f0fe;
  cursor: pointer;
  padding: 10px 12px;
  margin: 6px 0;
  border: 1px solid #d0d8f0;
  border-radius: 4px;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.account-card:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  border-color: #aabbe8;
}

.account-card strong {
  color: #1f318b;
}

.account-card small {
  color: #333;
}

#fancybox-content {
  width: auto !important;
  max-width: 90% !important;
}

.fancybox-skin .fancybox-close {
  top: -8px;
  right: -8px;
  width: 32px;
  height: 32px;
  background: #1f318b !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-family: Arial, sans-serif;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-block;
}

.rtl .fancybox-skin .fancybox-close {
  left: -8px;
  right: auto;
}

.fancybox-skin .fancybox-close:hover {
  background: #f1e904 !important;
  color: #1f318b !important;
}

.fancybox-skin .fancybox-close:active {
  transform: scale(0.92);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Remplace FontAwesome par un X standard */
.fancybox-skin .fancybox-close:after {
  content: "✕";
  font-family: Arial, sans-serif !important;
  font-weight: bold;
  font-size: 20px;
}