/*.ee-sticky-cta { 
  display: none !important; 
}
.has-sticky-cta{
  padding-bottom: 0 !important;
}*/

/* =====================================================
   Sticky CTA – Button only
   ===================================================== */

.ee-sticky-cta{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 12px;

  background: #009193;
  color: rgb(255 221 104);

  backdrop-filter: blur(6px);
  box-shadow: 0 -8px 24px rgba(0,0,0,0.12);
}

.ee-sticky-cta__inner{
  max-width: 1200px;
  margin: 0 auto;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  padding-right: 40px; /* réserve pour la croix */
}

/* =====================================================
   Bouton + effet hover "fond derrière" (sans overlay)
   ===================================================== */

.ee-sticky-cta__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 18px;
  border-radius: 0; /* radius supprimé */

  text-decoration: none;
  font-weight: 500;
  font-family: protogrotesk, sans-serif;

  background: rgb(255 221 104); /* fond jaune */
  color: rgb(3 91 92);          /* texte vert */
  border: 1px solid rgb(255 221 104);

  white-space: nowrap;

  transition: filter 0.2s ease;
  will-change: filter;
}

/* Hover : le bouton ne bouge pas, on "projette" un bloc derrière */
.ee-sticky-cta__btn:hover{
  filter:
    drop-shadow(-6px 6px 0 rgba(255, 221, 104, 0.5))
    brightness(0.98);
}

/* =====================================================
   Croix en overlay
   ===================================================== */

.ee-sticky-cta__close{
  appearance: none;
  border: 0;
  background: transparent;

  position: absolute;
  top: 6px;
  right: 6px;

  font-size: 22px;
  line-height: 1;
  padding: 6px 8px;
  cursor: pointer;

  color: rgb(255 221 104);
}

/* Empêche le sticky de masquer le bas de page */
.has-sticky-cta{
  padding-bottom: 78px;
}

/* Mobile */
@media (max-width: 768px){
  .ee-sticky-cta{
    padding: 10px;
  }

  .ee-sticky-cta__btn{
    width: 100%;
    padding: 10px 12px;
  }

  .has-sticky-cta{
    padding-bottom: 86px; /* bouton full width => un poil plus haut */
  }
}