/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Conteneur principal aligné avec le texte */
.newsletter-container {
    width: 100%;
    max-width: 600px;
    margin: 10px 0 0;
    border-radius: 25px;
    overflow: hidden;
}

/* Style pour les écrans de bureau */
@media (min-width: 1025px) {
    .newsletter-container {
        display: flex;
        align-items: stretch;
    }
    .newsletter-container input[type="email"] {
        flex: 1;
        padding: 14px 15px;
        border: 1px solid #ddd;
        border-right: none;
        font-size: 16px;
        color: #fff;
        background-color: #fff;
        border-radius: 25px 0 0 25px;
        box-sizing: border-box;
    }
    .newsletter-container .mc4wp-submit {
        padding: 0 25px;
        background-color: #C8FFD2;
        color: #333;
        border: 1px solid #ddd;
        border-left: none;
        font-size: 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 25px 25px 0;
        line-height: 1;
        transition: background-color 0.3s ease, transform 0.2s ease;
        box-sizing: border-box;
    }
    .newsletter-container .mc4wp-submit:hover {
        background-color: #82F091;
        transform: scale(1.05);
    }
}

.newsletter-container input::placeholder {
    color: white !important;
    opacity: 1; /* Assure que le placeholder soit complètement opaque */
}


/* Style pour mobile et tablette */
@media (max-width: 1024px) {
    .newsletter-container {
        display: block;
    }
    .newsletter-container input[type="email"] {
        width: 100%;
        padding: 14px 15px;
        border: 1px solid #ddd;
        font-size: 16px;
        background-color: #fff;
        color: #fff;
        border-radius: 25px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    .newsletter-container .mc4wp-submit {
        width: 100%;
        padding: 14px 15px;
        background-color: #C8FFD2;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        border: 1px solid #ddd;
        border-radius: 25px;
        line-height: 1;
        transition: background-color 0.3s ease, transform 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
    .newsletter-container .mc4wp-submit:hover {
        background-color: #82F091;
        transform: scale(1.05);
    }
}

/* Style pour l'icône dans le bouton */
.newsletter-container .elementor-button-icon {
    margin-left: 15px;
}

/* Focus sur le champ email */
.newsletter-container input[type="email"]:focus {
    border-color: #a3d2a3;
    outline: none;
}

/* Message de réponse */
.mc4wp-response {
    color: #fff;
    padding-top: 10px;
}

/* Champ email dans le footer */
footer .mc4wp-form input[type="email"] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: white;
    background-color: transparent;
    margin-right: 10px;
    border-bottom: 1px solid;
    transition: border-color 0.3s;
    border-radius: 0;
}

/* Bouton submit dans le footer */
footer .mc4wp-form button[type="submit"] {
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
}

/* Effet hover sur le bouton du footer */
footer .mc4wp-form button[type="submit"]:hover {
    background-color: white;
    color: #008e7f;
}

/* Styles pour le switcher de langue WPML */
.wpml-ls-item a {
    display: flex;
    z-index: 10 !important;
}

.elementor-sub-item{
    margin-left: -8px !important;
}
.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    background-color: transparent !important;
    box-shadow: none !important;
}

.wpml-ls-item a:hover {
    background-color: #82F091;
}
.wpml-ls-sub-menu {
    position: absolute !important;
    top: 50px !important;
    z-index: 9 !important;
    display: flex !important;
    flex-direction: column !important;
}

.wpml-ls-sub-menu .wpml-ls-item {
    display: flex !important;
    width: 100% !important;
}
.wpml-ls-sub-menu .wpml-ls-item a {
    display: flex;
    color: #ffffff !important;
}

.sub-menu.elementor-nav-menu--dropdown.sm-nowrap .wpml-ls-item a:hover {
    background-color: #82F091 !important;
}
.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li.menu-item {
    margin-top: 5px;
}







footer .wpml-ls-menu-item {
    display: none !important;
}

/* Styles pour mobile uniquement */
@media (max-width: 767px) {
    .wpml-ls-link {
        color: #ffffff !important;
        text-decoration: none;
        font-weight: normal;
    }
    .wpml-ls-current-language .wpml-ls-link {
        text-decoration: underline !important;
        font-weight: bold;
    }
    .wpml-ls-legacy-list-horizontal ul {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 0;
        list-style: none;
    }
    .wpml-ls-item {
        margin: 5px 0;
    }
    li.menu-item.wpml-ls-menu-item {
        display: none !important;
    }
}

/* Divers styles d'Elementor */
.elementor-element-5618fc8 img {
    width: 100% !important;
    max-width: 100% !important;
}
.elementor-element-5618fc8 a, .elementor-element-aa5f1d3 a {
    display: inline-block;
    width: 100%;
    height: auto;
}

/* Accordéon styles */
#item2 .e-n-accordion-item-title-icon svg path {
    fill: #C8FFD2 !important;
}
#item3 .e-n-accordion-item-title-icon svg path, #item4 .e-n-accordion-item-title-icon svg path {
    fill: #0F3C32 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    margin-left: 12px;
}

/* Background colors for various accordion items */
#item1 .e-n-accordion-item-title {
    background-color: #009169 !important;
    border-style: solid;
    color: #ffffff;
}
.elementor-element-4e9c8ae {
    border: 1px solid #000000 !important;
}
details[open]#item4 .e-n-accordion-item-title {
    border-top: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: none !important;
}

/* Autres styles pour divers éléments accordéon, onglets et sections d'Elementor */
.e-n-accordion-item[open] {
    --n-accordion-border-radius: 32px 32px 0px 0px;
}

@media only screen and (min-width: 1024px) {
    .elementor-global-1516 .elementor-button { margin-left: -56px !important; }
}

.elementor-button {
    margin-left: 0px !important;
}

html, body {
    overflow-x: hidden;
}

.elementor-section {
    max-width: 100vw !important;
    overflow-x: hidden;
}

/* Ancien code qui fonctionne : */

.elementor-item elementor-item-active {
    background-color: #3498db !important; /* Couleur du header au hover */
}

/* Pour Accordéon page Career */

#item2 .e-n-accordion-item-title-icon svg path {
    fill: #C8FFD2 !important;
}

#item3 .e-n-accordion-item-title-icon svg path {
    fill: #0F3C32 !important;
}

#item4 .e-n-accordion-item-title-icon svg path {
    fill: #0F3C32 !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    margin-left: 12px;
}

/* Pour Accordéon page Accueil */

#item1 .e-n-accordion-item-title {
    background-color: #009169 !important;
    border-style: solid;
}

#item1 .e-n-accordion-item-title {
    color: #ffffff;
}

/* Onglet Our Visions */

#item1 .elementor-element-4ada29a {
    background-color: #009169 !important;
}

/* Onglet Products */

#item1 .elementor-element-15b0d53 {
    background-color: #009169 !important;
}

/* Onglet Our Solution */

#item1 .elementor-element-2c0efff {
    background-color: #009169 !important;
}

/* Onglet Projects */

#item1 .elementor-element-65e3938 {
    background-color: #009169 !important;
}

#item2.e-n-accordion-item > .e-n-accordion-item-title {
    background-color: #0F3C32 !important;
    border-style: solid;
}

#item2 .e-n-accordion-item-title {
    color: #fff;
}


#item3 .e-n-accordion-item-title {
    color: #0F3C32;
}

#item3 .e-n-accordion-item-title {
    background-color: #C8FFD2 !important;
    border-style: solid;
}

/* Onglet Our Visions */

#item3 .elementor-element-f4697ad  {
    background-color: #C8FFD2 !important;
}

/* Onglet Products */

#item3 .elementor-element-7418fc4  {
    background-color: #C8FFD2 !important;
}

/* Onglet Our Solution */

#item3 .elementor-element-8a5db05 {
    background-color: #C8FFD2 !important;
}

/* Onglet Projects */

#item3 .elementor-element-30631d1 {
    background-color: #C8FFD2 !important;
}

#item4.e-n-accordion-item > .e-n-accordion-item-title {
    background-color: #ffffff !important;
    border-style: solid;
}

#item4 .e-n-accordion-item-title {
    color: #0F3C32;
}


.elementor-element-4e9c8ae {
    border-bottom : 1px solid #000000 !important;
      border-left : 1px solid #000000 !important;
      border-right : 1px solid #000000 !important;
}

#item4 .e-n-accordion-item-title {
    border: 1px solid #000000 !important;
}

details[open]#item4 .e-n-accordion-item-title {
    border-top: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-bottom: none !important;
}



#item4 .elementor-element-5761646 {
    border-bottom : 1px solid #000000 !important;
      border-left : 1px solid #000000 !important;
      border-right : 1px solid #000000 !important;
}

#item4 .elementor-element-a05f7b9 {
    border-bottom : 1px solid #000000 !important;
      border-left : 1px solid #000000 !important;
      border-right : 1px solid #000000 !important;
}


/* Onglet Products */

#item4 .elementor-element-4e9c8ae {
    background-color: #ffffff !important;
}


/* Onglet Our Solution */

#item4 .elementor-element-5761646 {
    background-color: #ffffff !important;
}
/* Onglet Projects */

#item4 .elementor-element-a05f7b9 {
    background-color: #ffffff !important;
}

#item5 .e-n-accordion-item-title {
    background-color: #009169 !important;
    border-style: solid; }

#item5 .e-n-accordion-item-title {
    color: #fff;
}
/* Onglet Products */
#item5 .elementor-element-e425d13 {
    background-color: #009169 !important;
}

/* Onglet Projects */

#item5 .elementor-element-ac6cc6b {
    background-color: #009169 !important;
}

html, body {
    overflow-x: hidden; /* Empêche le défilement horizontal */
}

.elementor-section {
    max-width: 100vw !important; /* Empêche les sections d'Elementor de dépasser 100% de la largeur de l'écran */
    overflow-x: hidden; /* Empêche les débordements dans les sections */
}

.e-n-accordion-item[open]{
    --n-accordion-border-radius: 32px 32px 0px 0px;
}   

@media only screen and (min-width: 1024px) {.elementor-global-1516 .elementor-button { margin-left: -56px !important; } }

.elementor-button {
    margin-left: 0px !important; }








/* ----------- Accueil Anglais----------- */


@media only screen and (min-width: 1024px) {.elementor-1447 .elementor-element.elementor-element-9e4ce31 .elementor-button { margin-left: -75px !important; } }


.page-id-1447 .e-n-accordion-item:nth-child(2) {
    transform: translateY(-2.5rem);
}

.page-id-1447 .e-n-accordion-item:nth-child(3) {
    transform: translateY(-5rem);
}

.page-id-1447 .e-n-accordion-item:nth-child(4) {
    transform: translateY(-7.5rem);
}

.page-id-1447 .e-n-accordion-item:nth-child(5) {
    transform: translateY(-10rem);
}

.page-id-1447 .e-n-accordion-item:nth-child(6) {
    transform: translateY(-12.5rem); }
    
.e-n-accordion-item {
--n-accordion-border-radius: 60px 60px 60px 60px;
}

.page-id-1447 .e-n-accordion-item:last-child {
   --n-accordion-padding: 27px 40px 27px 40px;
}   

.elementor-1447 .elementor-element.elementor-element-9e4ce31 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding-left: 20px;
}

/* ----------- Accueil Français ----------- */

@media only screen and (min-width: 1024px) {.elementor-5154 .elementor-element.elementor-element-9e4ce31 .elementor-button { margin-left: -75px !important; } }

.page-id-5154 .e-n-accordion-item:nth-child(2) {
    transform: translateY(-2.5rem);
}

.page-id-5154 .e-n-accordion-item:nth-child(3) {
    transform: translateY(-5rem);
}

.page-id-5154 .e-n-accordion-item:nth-child(4) {
    transform: translateY(-7.5rem);
}

.page-id-5154 .e-n-accordion-item:nth-child(5) {
    transform: translateY(-10rem);
}

.page-id-5154 .e-n-accordion-item:nth-child(6) {
    transform: translateY(-12.5rem); }
    
.e-n-accordion-item {
--n-accordion-border-radius: 60px 60px 60px 60px;
}

.page-id-5154 .e-n-accordion-item:last-child {
   --n-accordion-padding: 27px 40px 27px 40px;
}   

.elementor-5154 .elementor-element.elementor-element-9e4ce31 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding-left: 20px;
}

/* ----------- Accueil Allemand----------- */

@media only screen and (min-width: 1024px) {.elementor-5152 .elementor-element.elementor-element-9e4ce31 .elementor-button { margin-left: -75px !important; } }

.page-id-5152 .e-n-accordion-item:nth-child(2) {
    transform: translateY(-2.5rem);
}

.page-id-5152 .e-n-accordion-item:nth-child(3) {
    transform: translateY(-5rem);
}

.page-id-5152 .e-n-accordion-item:nth-child(4) {
    transform: translateY(-7.5rem);
}

.page-id-5152 .e-n-accordion-item:nth-child(5) {
    transform: translateY(-10rem);
}

.page-id-5152 .e-n-accordion-item:nth-child(6) {
    transform: translateY(-12.5rem); }
    
.e-n-accordion-item {
--n-accordion-border-radius: 60px 60px 60px 60px;
}

.page-id-5152 .e-n-accordion-item:last-child {
   --n-accordion-padding: 27px 40px 27px 40px;
}   

.elementor-5152 .elementor-element.elementor-element-9e4ce31 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding-left: 20px;
}


/* ----------- Fin Page d'accueil ----------- */


.elementor-1580 .elementor-element.elementor-element-15a77d77 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding-left: 20px;
}


.elementor-3861 .elementor-element.elementor-element-62781aa .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding-left: 20px;
}


/* Styles par défaut pour la première lettre */
.page-id-4659 .e-n-accordion-item-title-text::first-letter {
    font-size: 40px;
    color: green;
    font-weight: bold;
    transition: color 0.3s ease, font-size 0.3s ease;
}

/* Style quand l'accordéon est ouvert */
.page-id-4659 .accordion-open .e-n-accordion-item-title-text::first-letter {
    color: #82F091; /* Couleur changée */
    font-weight: 700;
}


/* Cache l'ancienne icône */
.page-id-4659 .e-n-accordion-item-title-icon svg {
    display: none !important;
}

.page-id-4659 #accordion-1 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/M.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}


.page-id-4659 #accordion-2 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/E.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}


.page-id-4659 #accordion-3 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/D.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-4 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/U.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-5 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/S.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-6 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/O.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-7 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/I.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-8 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/L.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 .e-n-accordion-item {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}


/* ----------- Product : Anglais, Français, Allemand ----------- */

/* Styles par défaut pour la première lettre */
.page-id-4659 .e-n-accordion-item-title-text::first-letter,
.page-id-5150 .e-n-accordion-item-title-text::first-letter,
.page-id-5148 .e-n-accordion-item-title-text::first-letter {
    font-size: 40px;
    color: green;
    font-weight: bold;
    transition: color 0.3s ease, font-size 0.3s ease;
}

/* Style quand l'accordéon est ouvert */
.page-id-4659 .accordion-open .e-n-accordion-item-title-text::first-letter,
.page-id-5150 .accordion-open .e-n-accordion-item-title-text::first-letter,
.page-id-5148 .accordion-open .e-n-accordion-item-title-text::first-letter {
    color: #82F091; /* Couleur changée */
    font-weight: 700;
}

/* Cache l'ancienne icône */
.page-id-4659 .e-n-accordion-item-title-icon svg,
.page-id-5150 .e-n-accordion-item-title-icon svg,
.page-id-5148 .e-n-accordion-item-title-icon svg {
    display: none !important;
}

/* Icônes pour chaque accordéon */
.page-id-4659 #accordion-1 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-1 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-1 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/M.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-2 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-2 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-2 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/E.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-3 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-3 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-3 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/D.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-4 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-4 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-4 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/U.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-5 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-5 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-5 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/S.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-6 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-6 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-6 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/O.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-7 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-7 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-7 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/I.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

.page-id-4659 #accordion-8 .e-n-accordion-item-title-icon,
.page-id-5150 #accordion-8 .e-n-accordion-item-title-icon,
.page-id-5148 #accordion-8 .e-n-accordion-item-title-icon {
    background-image: url('https://medusoil.com/wp-content/uploads/2024/10/L.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 85px;
    height: 40px;
    display: inline-block;
}

/* Styles de transition pour tous les éléments */
.page-id-4659 .e-n-accordion-item,
.page-id-5150 .e-n-accordion-item,
.page-id-5148 .e-n-accordion-item {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}