.elementor-776 .elementor-element.elementor-element-2561893{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-776 .elementor-element.elementor-element-eed5289{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-776 .elementor-element.elementor-element-acf1f83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-eed5289 *//* CONTAINER */
.burger-glitch-ui {
  width: 42px;
  height: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

/* LIGNES */
.burger-glitch-ui span {
  position: relative;
  display: block;
  width: 100%;
  height: 6px;
  background: #FFE600;
  z-index: 1;
  transition: background 0.3s ease;
}

/* CALQUE ROSE DERRIÈRE */
.burger-glitch-ui span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #EF56B6;
  transform: translate(-3px, 2px); /* léger décalage subtil */
  z-index: -1;
  transition: background 0.3s ease;
}

/* HOVER : inversion uniquement */
.burger-glitch-ui:hover span {
  background: #EF56B6;
}

.burger-glitch-ui:hover span::after {
  background: #FFE600;
}
.burger-glitch-ui span {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.12),
    0 2px 4px rgba(0, 0, 0, 0.08);
}

.burger-glitch-ui span::after {
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.10);
}

@media (max-width: 767px) {

  .burger-hitbox .burger-glitch-ui {
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: transparent !important;
    transform: none !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .burger-hitbox .burger-glitch-ui span {
    width: 24px !important;
    height: 4px !important;
    background: #EF56B6 !important;
    box-shadow: none !important;
  }

  .burger-hitbox .burger-glitch-ui span::after {
    display: none !important;
    content: none !important;
  }

  .burger-hitbox .burger-glitch-ui:hover span {
    background: #EF56B6 !important;
  }
}

/* ========================= */
/* INTERACTION HOVER PREMIUM */
/* ========================= */

.burger-glitch-ui {
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}

.burger-glitch-ui::before,
.burger-glitch-ui::after,
.burger-glitch-ui span {
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    opacity 0.22s ease;
}


/* le glitch jaune se décale un peu plus */
.burger-glitch-ui:hover::before {
  transform: translate(6px, 6px);
}

/* les lignes bougent très légèrement */
.burger-glitch-ui:hover span:nth-child(1) {
  transform: translateX(-1px);
}

.burger-glitch-ui:hover span:nth-child(2) {
  transform: translateX(1px);
}

.burger-glitch-ui:hover span:nth-child(3) {
  transform: translateX(-1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2561893 *//* ========================= */
/* CONTENEUR ELEMENTOR PARENT */
/* ========================= */

.burger-hitbox {
  position: fixed !important;
  top: 5% !important;
  left: 3% !important;
  width: auto !important;
  max-width: fit-content !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: flex-start;
  justify-content: flex-start;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

/* widget HTML Elementor */
.burger-hitbox .elementor-widget-html,
.burger-hitbox .elementor-widget-container {
  width: auto !important;
  max-width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: inline-block !important;
  pointer-events: none !important;
}

/* ========================= */
/* BURGER */
/* ========================= */

.burger-hitbox .burger-glitch-ui {
  width: 42px;
  height: 30px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  background: transparent;
}

.burger-hitbox .burger-glitch-ui span {
  position: relative;
  display: block;
  width: 100%;
  height: 6px;
  background: #FFE600;
  z-index: 1;
  transition: background 0.3s ease;
  pointer-events: none;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.12),
    0 2px 4px rgba(0, 0, 0, 0.08);
}

.burger-hitbox .burger-glitch-ui span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #EF56B6;
  transform: translate(-3px, 2px);
  z-index: -1;
  transition: background 0.3s ease;
  pointer-events: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}

.burger-hitbox .burger-glitch-ui:hover span {
  background: #EF56B6;
}

.burger-hitbox .burger-glitch-ui:hover span::after {
  background: #FFE600;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

@media (max-width: 767px) {

  .burger-hitbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    padding: 14px !important;
    background: #EF56B6 !important; /* bloc principal rose */
    border-radius: 0 !important;
    overflow: visible !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
  }
  .burger-hitbox .burger-glitch-ui {
    transform: translate(2px, 2px) !important;
  }
  /* glitch jaune derrière */
  .burger-hitbox::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #FFE600;
    transform: translate(4px, 4px);
    z-index: -1 !important;
    border-radius: 0 !important;
    pointer-events: none;
  }

  .burger-hitbox .elementor-widget-html,
  .burger-hitbox .elementor-widget-container {
    position: relative;
    z-index: 2 !important;
    width: auto !important;
    max-width: fit-content !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acf1f83 */.backtop-hitbox {
  position: fixed !important;
  right: 3% !important;
  bottom: 5% !important;
  left: auto !important;
  top: auto !important;

  width: fit-content !important;
  max-width: fit-content !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;

  z-index: 9999 !important;
  pointer-events: none !important;
}

.backtop-hitbox .elementor-widget-html,
.backtop-hitbox .elementor-widget-container {
  width: auto !important;
  max-width: fit-content !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  background: transparent !important;
  pointer-events: none !important;
}

.backtop-hitbox .backtop-glitch-ui {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFE600;
  position: relative;
  pointer-events: auto !important;
  text-decoration: none !important;
}

.backtop-hitbox .backtop-glitch-ui::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #EF56B6;
  transform: translate(3px, 3px);
  z-index: -1;
  pointer-events: none;
}

.backtop-hitbox .backtop-glitch-ui span {
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  color: #EF56B6;
  transform: translateY(-1px);
  pointer-events: none;
}

.backtop-hitbox .backtop-glitch-ui:hover {
  background: #EF56B6;
}

.backtop-hitbox .backtop-glitch-ui:hover::after {
  background: #FFE600;
}

.backtop-hitbox .backtop-glitch-ui:hover span {
  color: #FFE600;
}/* End custom CSS */