/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

.grecaptcha-badge { 
    display: none !important;
    visibility: hidden !important; 
}

body {
    background: rgb(53, 72, 79);
}

a {
    color: white;
}

a:hover {
    color: var(--e-global-color-primary);
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

.menu-principal .jet-mobile-menu__container {
    width: 30vw;
}

.menu-principal .jet-mobile-menu__item {
    align-items: flex-end;
}

.menu-principal .jet-mobile-menu__item--active .jet-menu-label {
    font-weight: bold;
}

.menu-principal .jet-mobile-menu__instance--dropdown-layout .jet-mobile-menu__container {
    top: 90px;
    right: -25px;
}

.menu-principal .jet-mobile-menu__toggle-icon i {
    font-size: 2vw !important;
}

.selecteur-langue .wpml-ls-link {
    font-size: 1.25vw !important;
}

.selecteur-langue .wpml-ls-statics-shortcode_actions {
    padding: 0;
}

.image-entete img {
    width: auto !important;
    height: 2.35vw !important;
    min-height: 40px;
    padding: 0 2vw 0 0;
}

.vecteur-hauteur-pleine img {
    width: 100vw !important;
    height: 100vh !important;
}


.image-tier img,
.image-tier {
    width: 33.3333vw;
    height: auto;
}

.image-moitier img,
.image-moitier {
    width: 50vw;
    height: auto;
}

.image-trois-quart img,
.image-trois-quart {
    width: 70vw;
    height: auto;
}

.image-moitier-orange img,
.image-moitier-orange {
    width: 35vw;
    height: 60vw;
}

.image-moitier-orange-2 img,
.image-moitier-orange-2 {
    width: 35vw;
    height: auto;
}

.image-complete img,
.image-complete {
    width: 100%;
    height: auto;
}

.image-complete.max-partenaire img,
.image-complete.max-partenaire {
    width: 100%;
    height: auto;
    max-width: 30vw;
}

.image-complete.max-1920 img,
.image-complete.max-1920,
.max-1920 img,
.max-1920 iframe,
.max-1920 {
    max-width: 1920px;
}
.max-1920 iframe {
    margin-right: auto;
    margin-left: auto;
}

.video-youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Ratio 16:9 => 9/16 = 0.5625 => 56.25% */
  height: 0;
  overflow: hidden;
}
.video-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.hero-logo img {
    width: 35%;
    height: auto;
    max-width: 600px;
}

.centre {
    text-align: center;
}


.icone-collection img {
    width: 8vw !important;
    max-width: 300px;
    height: 8vw !important;
    max-height: 300px;
}

.height-auto img {
    height: auto !important;
}

.wsf-form {
    accent-color: var(--e-global-color-primary) !important;
}
.wsf-form input[type=checkbox].wsf-field {
    top: 25% !important;
}
.wsf-form input.wsf-field,
.wsf-form select.wsf-field,
.wsf-form label.wsf-label,
.wsf-form textarea.wsf-field {
    font-family: var(--e-global-typography-d8d15ff-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
    color: var(--e-global-color-text) !important;
}

.wsf-form input[type=date].wsf-field,
.wsf-form input[type=datetime-local].wsf-field,
.wsf-form input[type=file].wsf-field,
.wsf-form input[type=month].wsf-field,
.wsf-form input[type=password].wsf-field,
.wsf-form input[type=search].wsf-field,
.wsf-form input[type=time].wsf-field,
.wsf-form input[type=week].wsf-field,
.wsf-form input[type=email].wsf-field,
.wsf-form input[type=number].wsf-field,
.wsf-form input[type=tel].wsf-field,
.wsf-form input[type=text].wsf-field,
.wsf-form input[type=url].wsf-field,
.wsf-form select.wsf-field,
.wsf-form textarea.wsf-field  {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid black !important;
}
.wsf-form input[type=date]:focus.wsf-field,
.wsf-form input[type=datetime-local]:focus.wsf-field,
.wsf-form input[type=file]:focus.wsf-field,
.wsf-form input[type=month]:focus.wsf-field,
.wsf-form input[type=password]:focus.wsf-field,
.wsf-form input[type=search]:focus.wsf-field,
.wsf-form input[type=time]:focus.wsf-field,
.wsf-form input[type=week]:focus.wsf-field,
.wsf-form input[type=email]:focus.wsf-field,
.wsf-form input[type=number]:focus.wsf-field,
.wsf-form input[type=tel]:focus.wsf-field,
.wsf-form input[type=text]:focus.wsf-field,
.wsf-form input[type=url]:focus.wsf-field,
.wsf-form select:focus.wsf-field,
.wsf-form textarea:focus.wsf-field  {
    border-bottom: 1px solid white !important;
    box-shadow: none !important;
}
.wsf-form input[type=date].wsf-field::placeholder,
.wsf-form input[type=datetime-local].wsf-field::placeholder,
.wsf-form input[type=file].wsf-field::placeholder,
.wsf-form input[type=month].wsf-field::placeholder,
.wsf-form input[type=password].wsf-field::placeholder,
.wsf-form input[type=search].wsf-field::placeholder,
.wsf-form input[type=time].wsf-field::placeholder,
.wsf-form input[type=week].wsf-field::placeholder,
.wsf-form input[type=email].wsf-field::placeholder,
.wsf-form input[type=number].wsf-field::placeholder,
.wsf-form input[type=tel].wsf-field::placeholder,
.wsf-form input[type=text].wsf-field::placeholder,
.wsf-form input[type=url].wsf-field::placeholder,
.wsf-form select.wsf-field::placeholder,
.wsf-form textarea.wsf-field::placeholder  {
    font-family: var(--e-global-typography-d8d15ff-font-family), Sans-serif !important;
    color: var(--e-global-color-text) !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    line-height: var(--e-global-typography-text-line-height) !important;  
}
.wsf-form input[type=date]:hover.wsf-field,
.wsf-form input[type=datetime-local]:hover.wsf-field,
.wsf-form input[type=file]:hover.wsf-field,
.wsf-form input[type=month]:hover.wsf-field,
.wsf-form input[type=password]:hover.wsf-field,
.wsf-form input[type=search]:hover.wsf-field,
.wsf-form input[type=time]:hover.wsf-field,
.wsf-form input[type=week]:hover.wsf-field,
.wsf-form input[type=email]:hover.wsf-field,
.wsf-form input[type=number]:hover.wsf-field,
.wsf-form input[type=tel]:hover.wsf-field,
.wsf-form input[type=text]:hover.wsf-field,
.wsf-form input[type=url]:hover.wsf-field,
.wsf-form select:hover.wsf-field,
.wsf-form textarea:hover.wsf-field  {
    border-bottom: 1px solid var(--e-global-color-primary) !important;
}

.wsf-form button.wsf-button.wsf-button-primary {
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
    background-color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-e150baf-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-e150baf-font-size) !important;
    text-transform: var(--e-global-typography-e150baf-text-transform) !important;
    fill: var(--e-global-color-9a8b03e) !important;
    color: var(--e-global-color-text) !important;
    border-radius: 20px 20px 20px 20px !important;
    padding: 18px 40px 18px 40px;
    border: none !important;
}
.wsf-form button.wsf-button.wsf-button-primary:hover {
    background-color: white !important;
}

h2.titre-formulaire {
    font-family: var(--e-global-typography-d8d15ff-font-family), Sans-serif;
    font-size: clamp(14px, 3vw, 3vw);
    line-height: var(--e-global-typography-d8d15ff-line-height);
    color: var(--e-global-color-text);
    margin: 5vw 0 2.5vw 0;
    text-align: center;
}
h3.stitre-formulaire {
    font-family: var(--e-global-typography-d8d15ff-font-family), Sans-serif;
    font-size: clamp(13px, 2vw, 2vw);
    line-height: 1.5;
    color: var(--e-global-color-text);
    margin: 0 0 5vw 0;
    text-align: center;
}

.jet-mobile-menu__item--active .jet-menu-label {
    font-weight: bold !important;
}

/* Décale le site uniquement si l'utilisateur est connecté et voit la barre admin */
body.admin-bar .elementor-element-eb2cd34 {
    margin-top: 32px; /* hauteur de la barre WP admin sur desktop */
}


.wpml-ls .wpml-ls-current-language {
    display: none !important;
}

.wpml-ls .wpml-ls-link {
    padding: 10px 10px 0 0 !important;
}

.logo-accueil img {
    width: 20vw;
    max-width: 90%;
}

.sans-gras {
    font-weight: normal;
}

.alignement-titre-image {
}
    .alignement-titre-image img {
        width: 70px !important;
        height: auto;
        vertical-align: middle;
        border-radius: 5px;
    }


























@media screen and (max-width: 992px) {
    .jet-custom-nav {
        align-items: center;
    }
    
    .menu-principal .jet-mobile-menu__container {
        width: 100vw !important;
        border-radius: 0 !important;
    }    
    .menu-principal .jet-mobile-menu__container .jet-mobile-menu__container-inner {
        border-radius: 0 !important;
    }
    
    .menu-principal .jet-mobile-menu__item {
        align-items: center !important;
    }
    
    .hero-logo img {
        width: 75%;
        margin-top: 15vw;
    } 
    .selecteur-langue .wpml-ls-link {
        font-size: 18px !important;
    }
    .menu-principal .jet-mobile-menu__toggle-icon i {
        font-size: 25px !important;
    }
    .menu-principal .jet-mobile-menu__instance--dropdown-layout .jet-mobile-menu__container {
        top: 60px;
        right: -25px;
    }    
}

/* Pour les écrans plus petits (barre plus grande sur mobile/tablette) */
@media screen and (max-width: 782px) {
    body.admin-bar .elementor-element-eb2cd34 {
        margin-top: 46px; /* hauteur de la barre WP admin sur mobile */
    }
}

@media screen and (max-width: 768px) {
    .full-mobile {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
    }

    .logo-accueil img {
        width: 60vw;
    }    
}