(function () {
// évite doublons si Elementor rend 2 fois
if (document.getElementById("apple-glass-style-1")) return;
var css = `
/* ====== IMPORTANT : empêcher Elementor de couper le dropdown ====== */
#appleGlassNav-1,
#appleGlassNav-1 .apple-glass-nav{
position: relative;
z-index: 99999;
}
/* on “déverrouille” l’overflow autour (header/section/colonne) */
#appleGlassNav-1,
#appleGlassNav-1 *{
box-sizing: border-box;
}
#appleGlassNav-1 {
overflow: visible !important;
}
#appleGlassNav-1 .apple-glass-nav,
#appleGlassNav-1 .apple-glass-nav ul,
#appleGlassNav-1 .apple-glass-nav li{
overflow: visible !important;
}
/* ====== NAV GLASS ====== */
#appleGlassNav-1 .apple-glass-nav{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 28px;
border-radius: 999px;
background: rgba(15, 15, 25, 0.45);
border: 1px solid rgba(255, 255, 255, 0.22);
box-shadow: 0 18px 45px rgba(0,0,0,0.45);
backdrop-filter: blur(20px) saturate(160%);
-webkit-backdrop-filter: blur(20px) saturate(160%);
}
#appleGlassNav-1 .apple-glass-nav ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 26px;
}
#appleGlassNav-1 .apple-glass-nav li{
position: relative;
}
#appleGlassNav-1 .apple-glass-nav > ul > li > a{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 999px;
color: #ffffff !important;
font-weight: 600;
letter-spacing: 0.08em;
font-family: Poppins, system-ui, sans-serif;
text-transform: uppercase;
text-decoration: none;
transition: transform 0.25s ease, color 0.22s ease;
}
#appleGlassNav-1 .apple-glass-nav > ul > li > a::before{
content: "";
position: absolute;
inset: -4px -12px;
border-radius: inherit;
z-index: -1;
background: radial-gradient(circle at 15% 0%,
rgba(255, 255, 255, 0.45),
rgba(255, 255, 255, 0.09));
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 12px 30px rgba(0,0,0,0.55);
backdrop-filter: blur(22px) saturate(160%);
-webkit-backdrop-filter: blur(22px) saturate(160%);
opacity: 0;
transform: scale(0.85);
transition: opacity 0.25s ease, transform 0.25s ease;
}
#appleGlassNav-1 .apple-glass-nav > ul > li > a:hover{
transform: translateY(-1px) scale(1.05);
}
#appleGlassNav-1 .apple-glass-nav > ul > li > a:hover::before{
opacity: 1;
transform: scale(1);
}
/* ====== SOUS-MENU (laisser le temps d’y aller) ====== */
#appleGlassNav-1 .apple-glass-nav li ul{
display: flex; /* présent, mais caché via opacity */
position: absolute;
top: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
margin: 0;
padding: 12px;
flex-direction: column;
gap: 4px;
border-radius: 20px;
background: rgba(15, 15, 25, 0.92);
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: 0 24px 60px rgba(0,0,0,0.7);
backdrop-filter: blur(24px) saturate(170%);
-webkit-backdrop-filter: blur(24px) saturate(170%);
z-index: 999999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.18s ease, visibility 0.18s ease;
transition-delay: 0.18s; /* délai fermeture */
}
/* pont invisible entre le lien et le sous-menu */
#appleGlassNav-1 .apple-glass-nav li::after{
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 260px;
height: 18px;
background: transparent;
}
#appleGlassNav-1 .apple-glass-nav li:hover > ul,
#appleGlassNav-1 .apple-glass-nav li ul:hover{
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s; /* ouverture immédiate */
}
#appleGlassNav-1 .apple-glass-nav li ul a{
display: block;
padding: 10px 18px;
border-radius: 14px;
text-transform: uppercase;
color: #f5f5f5 !important;
font-weight: 500;
letter-spacing: 0.06em;
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
}
#appleGlassNav-1 .apple-glass-nav li ul a:hover{
background-color: rgba(255, 255, 255, 0.08);
transform: translateX(3px);
color: #ffffff !important;
}
`;
var style = document.createElement("style");
style.id = "apple-glass-style-1";
style.textContent = css;
document.head.appendChild(style);
})();
