.elementor-573 .elementor-element.elementor-element-c27e89b{--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:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-573 .elementor-element.elementor-element-c27e89b:not(.elementor-motion-effects-element-type-background), .elementor-573 .elementor-element.elementor-element-c27e89b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505B3;}.elementor-573 .elementor-element.elementor-element-508e55c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-573 .elementor-element.elementor-element-155824e{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-573 .elementor-element.elementor-element-db9b9db{text-align:start;}.elementor-573 .elementor-element.elementor-element-db9b9db img{width:165px;}.elementor-573 .elementor-element.elementor-element-0326cf3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-573 .elementor-element.elementor-element-ec728e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-573 .elementor-element.elementor-element-cd5131d{z-index:99999;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-menu-toggle{margin:0 auto;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a:hover,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a:focus,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a.highlighted,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-menu-toggle:hover,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a:hover,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a:focus,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-text );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-ccdbd6d );background-color:var( --e-global-color-text );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown .elementor-item, .elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Outfit", Sans-serif;font-weight:800;}.elementor-573 .elementor-element.elementor-element-edaf84d{--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:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:11px;--padding-bottom:11px;--padding-left:15px;--padding-right:15px;}.elementor-573 .elementor-element.elementor-element-edaf84d:not(.elementor-motion-effects-element-type-background), .elementor-573 .elementor-element.elementor-element-edaf84d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505B3;}.elementor-573 .elementor-element.elementor-element-91f0a52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-573 .elementor-element.elementor-element-2b3c32f{--display:flex;--justify-content:center;}.elementor-573 .elementor-element.elementor-element-02177d1{text-align:start;}.elementor-573 .elementor-element.elementor-element-02177d1 img{width:165px;}.elementor-573 .elementor-element.elementor-element-8a58989{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-menu-toggle{margin:0 auto;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:16px;font-weight:700;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main .elementor-item:focus{color:#D4AF37;fill:#D4AF37;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a, .elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-menu-toggle{color:var( --e-global-color-ccdbd6d );fill:var( --e-global-color-ccdbd6d );}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a:hover,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a:focus,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-menu-toggle:hover,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a:hover,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a:focus,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-text );}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-ccdbd6d );background-color:var( --e-global-color-text );}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown .elementor-item, .elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Outfit", Sans-serif;font-weight:700;}.elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle:hover, .elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle:hover svg, .elementor-573 .elementor-element.elementor-element-51ad0a9 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-573 .elementor-element.elementor-element-5e18155 .elementor-button{background-color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-ccdbd6d );color:var( --e-global-color-ccdbd6d );transition-duration:0.5s;border-style:none;border-radius:1000px 1000px 1000px 1000px;padding:15px 30px 15px 30px;}.elementor-573 .elementor-element.elementor-element-5e18155 .elementor-button:hover, .elementor-573 .elementor-element.elementor-element-5e18155 .elementor-button:focus{box-shadow:0px 0px 10px 4px rgba(212.00000000000006, 175.00000000000014, 55.000000000000014, 0.71);}.elementor-573 .elementor-element.elementor-element-5925e0f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-573:not(.elementor-motion-effects-element-type-background), .elementor-573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ccdbd6d );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-573 .elementor-element.elementor-element-c27e89b{--content-width:80vw;}.elementor-573 .elementor-element.elementor-element-508e55c{--width:100%;}.elementor-573 .elementor-element.elementor-element-155824e{--width:33%;}.elementor-573 .elementor-element.elementor-element-0326cf3{--width:33%;}.elementor-573 .elementor-element.elementor-element-ec728e3{--width:33%;}.elementor-573 .elementor-element.elementor-element-edaf84d{--content-width:80vw;}.elementor-573 .elementor-element.elementor-element-2b3c32f{--width:30%;}.elementor-573 .elementor-element.elementor-element-8a58989{--width:30%;}}@media(max-width:1024px){.elementor-573 .elementor-element.elementor-element-c27e89b{--justify-content:space-between;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:5px;--padding-right:5px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-573 .elementor-element.elementor-element-db9b9db img{width:135px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a{padding-top:4px;padding-bottom:4px;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}.elementor-573 .elementor-element.elementor-element-edaf84d{--justify-content:space-between;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:5px;--padding-right:5px;}.elementor-573 .elementor-element.elementor-element-02177d1 img{width:135px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a{padding-top:4px;padding-bottom:4px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}}@media(max-width:767px){.elementor-573 .elementor-element.elementor-element-c27e89b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-573 .elementor-element.elementor-element-155824e{--width:30%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-573 .elementor-element.elementor-element-db9b9db img{width:120px;}.elementor-573 .elementor-element.elementor-element-0326cf3{--width:30%;}.elementor-573 .elementor-element.elementor-element-ec728e3{--width:30%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-573 .elementor-element.elementor-element-cd5131d{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:20px;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-573 .elementor-element.elementor-element-cd5131d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:48px !important;}.elementor-573 .elementor-element.elementor-element-edaf84d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-573 .elementor-element.elementor-element-2b3c32f{--width:30%;}.elementor-573 .elementor-element.elementor-element-02177d1 img{width:120px;}.elementor-573 .elementor-element.elementor-element-8a58989{--width:30%;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-573 .elementor-element.elementor-element-51ad0a9{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:20px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown .elementor-item, .elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1.2rem;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--dropdown a{padding-left:26px;padding-right:26px;padding-top:10px;padding-bottom:10px;}.elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-573 .elementor-element.elementor-element-51ad0a9 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:25px !important;}.elementor-573 .elementor-element.elementor-element-5925e0f{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-573 .elementor-element.elementor-element-5925e0f.e-con{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-c27e89b */<style>
/* --- CONTENEUR GLOBAL --- */
.header-contact-container {
    position: relative;
    display: inline-block;
    font-family: 'Inter', sans-serif;
    /* Indispensable pour que le menu ne soit pas coupé par le header */
    overflow: visible !important; 
}

/* LE BOUTON PRINCIPAL (VRAI VIOLET #A855F7) */
.main-contact-btn {
    background-color: #A855F7 !important;
    color: #ffffff !important;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    z-index: 100;
    outline: none !important;
    position: relative;
    pointer-events: auto !important;
}

.main-contact-btn:hover {
    transform: scale(1.05);
    background-color: #9333ea !important;
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
}

/* On bloque les événements sur les enfants pour que seul le bouton capte le clic */
.main-contact-btn * {
    pointer-events: none !important;
}

/* Gestion des icônes */
.contact-icon-wrap {
    width: 18px;
    height: 18px;
    position: relative;
}

.icon-phone, .icon-close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.icon-close { opacity: 0; transform: rotate(-90deg) scale(0); }

/* État OUVERT (via classe .active) */
.header-contact-container.active .icon-phone { opacity: 0; transform: rotate(90deg) scale(0); }
.header-contact-container.active .icon-close { opacity: 1; transform: rotate(0) scale(1); }

/* --- LE MENU DÉROULANT --- */
.contact-options-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #0a0a0a;
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 20px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 260px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.9);
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 99999; /* Z-index maximum */
}

.header-contact-container.active .contact-options-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* STYLE DES LIENS */
.option-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 18px;
    border-radius: 15px;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.opt-royan { color: #00D2FF !important; }
.opt-royan:hover { background: rgba(0, 210, 255, 0.1); transform: translateX(5px); }

.opt-oleron { color: #A855F7 !important; }
.opt-oleron:hover { background: rgba(168, 85, 247, 0.1); transform: translateX(5px); }

.option-item svg { width: 18px; height: 18px; flex-shrink: 0; }

.contact-options-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 25px;
    width: 12px;
    height: 12px;
    background: #0a0a0a;
    border-left: 1px solid rgba(168, 85, 247, 0.3);
    border-top: 1px solid rgba(168, 85, 247, 0.3);
    transform: rotate(45deg);
}
</style>

<div class="header-contact-container">
    <button type="button" class="main-contact-btn">
        <div class="contact-icon-wrap">
            <svg class="icon-phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
            <svg class="icon-close" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
        </div>
        <span>Contactez-nous</span>
    </button>

    <div class="contact-options-menu">
        <a href="https://wa.me/33676959490" class="option-item opt-royan" target="_blank">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 1 1-7.6-11.7 8.38 8.38 0 0 1 3.8.9L22 4z"></path></svg>
            <span>Royan & Arvert</span>
        </a>
        <a href="tel:0652756340" class="option-item opt-oleron">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
            <span>Île d'Oléron</span>
        </a>
    </div>
</div>

<script>
/**
 * Logique de contact Allo Apéro - Version Multi-instances
 * Fonctionne même avec les headers clones (sticky/mobile) d'Elementor.
 */
(function() {
    const handleGlobalClick = function(e) {
        // Détection du bouton ou du conteneur via closest (plus fiable que ID)
        const targetBtn = e.target.closest('.main-contact-btn');
        const targetContainer = e.target.closest('.header-contact-container');

        if (targetBtn && targetContainer) {
            e.preventDefault();
            e.stopPropagation();

            const isCurrentlyActive = targetContainer.classList.contains('active');

            // On ferme d'abord TOUS les menus ouverts sur la page
            document.querySelectorAll('.header-contact-container').forEach(el => {
                el.classList.remove('active');
            });

            // Si le bouton cliqué n'était pas actif, on l'ouvre
            if (!isCurrentlyActive) {
                targetContainer.classList.add('active');
            }
        } else {
            // Si on clique n'importe où ailleurs, on ferme tout
            document.querySelectorAll('.header-contact-container').forEach(el => {
                el.classList.remove('active');
            });
        }
    };

    // On attache l'événement au document pour plus de robustesse
    document.removeEventListener('click', handleGlobalClick);
    document.addEventListener('click', handleGlobalClick);

    // Patch spécifique pour Elementor (Sticky header)
    window.addEventListener('scroll', function() {
        // En cas de scroll rapide, on ferme le menu pour éviter les bugs visuels de positionnement
        document.querySelectorAll('.header-contact-container').forEach(el => {
            el.classList.remove('active');
        });
    }, { passive: true });
})();
</script>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5e18155 *//* Effet Gold Neon au survol */
.elementor-573 .elementor-element.elementor-element-5e18155 .elementor-button:hover {
    background-color: #d4af37 !important; /* Couleur Or */
    transform: translateY(-2px); /* Monte de 2 pixels comme sur votre image */
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.6) !important; /* La lueur dorée */
}

/* Transition fluide */
.elementor-573 .elementor-element.elementor-element-5e18155 .elementor-button {
    transition: all 0.3s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-edaf84d *//* --- 1. LE STYLE DE BASE (GRAND) --- */
/* C'est l'état par défaut, forcé avec !important pour résister aux bugs */
.elementor-573 .elementor-element.elementor-element-edaf84d {
    /* Fond transparent */
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    
    /* TAILLE ORIGINALE IMPOSÉE */
    padding-top: 30px !important; 
    padding-bottom: 30px !important;
    min-height: 100px !important;
    
    /* Transition fluide pour la couleur et le padding */
    transition: padding 0.4s ease, background 0.4s ease, min-height 0.4s ease;
}

/* --- 2. LE STYLE SCROLLÉ (PETIT) --- */
/* S'active UNIQUEMENT quand on descend */
.elementor-573 .elementor-element.elementor-element-edaf84d.elementor-sticky--effects {
    /* Le fond Glossy / Noir */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.08) 0%, 
        rgba(20, 20, 20, 0.9) 40%, 
        rgba(0, 0, 0, 0.98) 100%
    ) !important;

    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* Bordures et Ombre */
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;

    /* TAILLE RÉDUITE IMPOSÉE */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 70px !important;
}

/* --- 3. SÉCURITÉ MOBILE (Optionnel) --- */
/* Si vous trouvez le header trop gros sur mobile, décommentez ceci : */
/*
@media (max-width: 767px) {
    .elementor-573 .elementor-element.elementor-element-edaf84d {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        min-height: 70px !important;
    }
}
*//* End custom CSS */