.elementor-179 .elementor-element.elementor-element-41436981{--display:flex;--min-height:115px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--z-index:9999;}.elementor-179 .elementor-element.elementor-element-3cdbbb88{text-align:center;}.elementor-179 .elementor-element.elementor-element-3cdbbb88 img{width:75%;}.elementor-179 .elementor-element.elementor-element-74770f2{--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:center;}.elementor-179 .elementor-element.elementor-element-74770f2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-179 .elementor-element.elementor-element-a5c1b40.elementor-element{--align-self:center;}.elementor-179 .elementor-element.elementor-element-5002452e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-menu-toggle{margin:0 auto;}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-db7119d );fill:var( --e-global-color-db7119d );}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-36ebc09 );}.elementor-179 .elementor-element.elementor-element-5002452e div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-179 .elementor-element.elementor-element-5002452e div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.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-179 .elementor-element.elementor-element-41436981{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-179 .elementor-element.elementor-element-41436981{--width:100%;}.elementor-179 .elementor-element.elementor-element-74770f2{--width:24%;}}@media(max-width:1024px){.elementor-179 .elementor-element.elementor-element-41436981{--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-between;}.elementor-179 .elementor-element.elementor-element-3cdbbb88 img{width:75%;}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-179 .elementor-element.elementor-element-5002452e{--nav-menu-icon-size:35px;}}@media(max-width:767px){.elementor-179 .elementor-element.elementor-element-41436981{--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:space-between;--align-items:center;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:010%;--padding-right:10%;}.elementor-179 .elementor-element.elementor-element-3cdbbb88{width:auto;max-width:auto;}.elementor-179 .elementor-element.elementor-element-74770f2{--width:80%;--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:flex-end;}.elementor-179 .elementor-element.elementor-element-74770f2.e-con{--align-self:center;}.elementor-179 .elementor-element.elementor-element-5002452e.elementor-element{--align-self:center;}.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-179 .elementor-element.elementor-element-5002452e{--nav-menu-icon-size:35px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-3cdbbb88 *//* Ciblage des écrans mobiles */
@media (max-width: 767px) {
    
    /* On cible l'image (img) qui se trouve dans le lien (a) 
       de notre widget personnalisé */
    .logo-mobile-switch a img {
        content: url(https://nanarland.itecom-aix.com/wp-content/uploads/2026/05/NANARALAND-LOGO-1.svg);
        
        /* Ajustements pour que le favicon ne soit pas déformé */
        max-width: 50px;
        height: auto;
        object-fit: contain;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5c1b40 *//* 1. LA LOUPE (Blanche et au premier plan pour le clic) */
.search-trigger-container {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s ease;
    
    /* On force la loupe à passer par-dessus les blocs invisibles */
    position: relative;
    z-index: 99999 !important; 
}

.search-trigger-container:hover {
    transform: scale(1.1);
}

/* 2. LE CONTENEUR (Ton effet Plaque de Verre assombri à 0.9) */
.glass-search-container {
    position: fixed; /* Le rend indépendant du menu pour se centrer à l'écran */
    left: 50%;
    transform: translateX(-50%);
    width: 80vw; /* Les fameux 80% de largeur */
    max-width: 1000px;
    margin-top: 10px;
    
    /* FOND TRÈS SOMBRE (0.9) POUR LE RGAA */
    background: rgba(0, 0, 0, 0.9) !important; 
    backdrop-filter: blur(16px) !important; 
    -webkit-backdrop-filter: blur(16px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important; 
    
    border-radius: 12px;
    z-index: 9998 !important; /* Juste en dessous de la loupe */
    
    /* Mécanique d'ouverture */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out !important;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

/* L'état "Ouvert" activé par le clic */
.glass-search-container.is-open {
    max-height: 120px;
    opacity: 1;
    padding: 20px 30px;
}

/* 3. LE FORMULAIRE */
.search-drawer-form {
    width: 100%;
    display: flex;
}

/* 4. LE CHAMP DE SAISIE (Transparent avec contour blanc) */
.custom-search-input {
    width: 100%; /* S'étire jusqu'au bout de la boîte sombre */
    background: transparent !important;
    border: 3px solid #ffffff !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.2rem;
    padding: 12px 24px;
    outline: none;
    border-radius: 8px;
}

/* Couleur du texte de suggestion */
.custom-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* 5. RESPONSIVE (Tablette et Mobile) */
@media (max-width: 768px) {
    .glass-search-container {
        width: 95vw;
        padding: 15px 20px;
    }
    .custom-search-input {
        font-size: 1rem;
        padding: 10px 15px;
        border-width: 2px !important;
    }
    
    /* NOUVEAU : On agrandit la zone cliquable (padding) du bouton */
    .search-trigger-container {
        padding: 10px; 
    }
    
    /* NOUVEAU : On agrandit visuellement l'icône SVG de la loupe */
    .search-trigger-container svg {
        width: 32px;  /* Ajuste cette valeur si tu la veux plus ou moins grosse */
        height: 32px; /* Idem */
    }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-5002452e *//* 1. LE CONTENEUR DU MENU MOBILE (L'effet Plaque de Verre sombre) */
.elementor-nav-menu--dropdown {
    margin-top: 51px !important;
    background: rgba(0, 0, 0, 0.9) !important; /* Même opacité que ta barre de recherche */
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important; /* Évite un double trait sous le header */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important;
    border-radius: 0 0 12px 12px !important; /* Arrondi uniquement en bas */
    overflow: hidden; /* Coupe ce qui dépasse pour garder les arrondis propres */
}

/* 2. LES LIENS DU MENU (Texte et Typographie) */
.elementor-nav-menu--dropdown a {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.1rem !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* Ligne de séparation très discrète */
    transition: all 0.3s ease !important;
}

/* On enlève la ligne de séparation sur le tout dernier lien */
.elementor-nav-menu--dropdown li:last-child a {
    border-bottom: none !important;
}

/* 3. L'INTERACTION (Au clic/survol) */
.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a.elementor-item-active {
    background: rgba(255, 255, 255, 0.05) !important; /* Léger feedback visuel au toucher */
    color: #06EFFB !important; /* Ton bleu cyan */
    padding-left: 35px !important; /* Petit effet de glissement du texte vers la droite */
}

/* 1. LE CONTENEUR DU MENU MOBILE */
.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--dropdown {
    position: fixed !important; 
    top: 115px !important; 
    left: 0 !important;
    width: 100vw !important; 
    margin-top: 0 !important; 
    z-index: 9998 !important; 

    background: rgba(0, 0, 0, 0.9) !important; 
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important;
    border-radius: 0 0 12px 12px !important; 
    overflow: hidden; 
}

/* 2. LES LIENS DU MENU */
.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--dropdown a {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.1rem !important;
    padding: 18px 25px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
    transition: all 0.3s ease !important;
}

/* On enlève la ligne de séparation sur le dernier lien */
.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--dropdown li:last-child a {
    border-bottom: none !important;
}

/* 3. L'INTERACTION (Au clic/survol) */
.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--dropdown a:hover,
.elementor-179 .elementor-element.elementor-element-5002452e .elementor-nav-menu--dropdown a.elementor-item-active {
    background: rgba(255, 255, 255, 0.05) !important; 
    color: #06EFFB !important; 
    padding-left: 35px !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41436981 *//* Effet Plaque de Verre (Glassmorphism + Profondeur) pour le Header */
.elementor-179 .elementor-element.elementor-element-41436981 {
    background: rgba(0, 0, 0, 0.4) !important; 
    backdrop-filter: blur(16px) !important; 
    -webkit-backdrop-filter: blur(16px) !important; 
    
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3) !important; 
    transition: all 0.3s ease !important;
    
    /* LES FIX ANTI-BUGS */
    z-index: 9999 !important; /* Force le header à rester AU-DESSUS des flèches et du contenu */
    width: 100% !important; /* Empêche le header de se casser au redimensionnement */
    left: 0 !important; /* L'accroche fermement au bord gauche */
    top: 0 !important; /* L'accroche fermement en haut */
}/* End custom CSS */