/*
 Theme Name:   Munera
 Template:     Divi
*/

/* Personnalisations CSS */

.puce li {
  margin-top: 20px;
}

.liste li:first-child {
  margin-top: 20px;
}


@media (max-width: 767px) {
  .reverse.et_pb_row {
    display: flex;
    flex-direction: column-reverse;
  }
}



.carousel-logo {
  position: relative;
  overflow: hidden;
  --fade-size: 12%;
}

.carousel-logo {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black var(--fade-size),
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* ── FAB MOBILE — Téléphone + Séance d'essai ── */
#munera-fab-group {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 20px;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    z-index: 9999;
}
#munera-fab-phone,
#munera-fab-reserve {
    animation: muneraFabIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes muneraFabIn {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}
#munera-fab-phone {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.07);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00e5cc;
    text-decoration: none;
    box-shadow: 0 4px 18px rgba(0,0,0,0.55);
    transition: transform 0.15s, filter 0.15s;
    flex-shrink: 0;
}
#munera-fab-phone:hover  { filter: brightness(1.15); }
#munera-fab-phone:active { transform: scale(0.91); }
#munera-fab-reserve {
    height: 52px;
    padding: 0 22px;
    border-radius: 10px;
    background: linear-gradient(to right, #28d6b9, #29d8db);
    border: none;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #0d1117;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: transform 0.15s, filter 0.15s;
}
#munera-fab-reserve:hover  { filter: brightness(1.08); }
#munera-fab-reserve:active { transform: scale(0.95); }
@media (max-width: 768px) {
    #munera-fab-group { display: flex; }
}

.munera-gradient {
  background: linear-gradient(90deg, #28d6b9, #29d8db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline;
}

/* La section sticky */
.menu-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
}

/* Fix Divi overflow standard */
#page-container {
  overflow: visible !important;
}

/* Fix Divi overflow quand il y a des animations sur la page */
#page-container.et-animated-content {
  overflow-y: initial !important;
}


#menu-section,
.et_pb_section_0_tb_header {
  transition: background .3s ease, backdrop-filter .3s ease;
  border-bottom: none !important;
}

.et_pb_section_0_tb_header.et_pb_sticky--top {
  background: rgba(13, 17, 23, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}