/* 
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
*/


html[lang="nl-NL"] .logoFR,

html[lang="fr-FR"] .logoNL 
{
    display: none!important;
}

body {
    background-color: #FFFCF7;
    /* background-color: #666; */
    background-image: 
    url('/wp-content/uploads/2025/06/blob1.png'),
    url('/wp-content/uploads/2025/06/blob2.png');
    background-position: 
    173% -50px,
   -20px 80vh;
    background-size: 
    72%,
    60%;

    background-repeat: no-repeat;
    /* margin: 20px; */
}



.elementor[data-elementor-type="header"][data-elementor-id="2550"],
.elementor[data-elementor-type="header"][data-elementor-id="3255"] {
 z-index: 9999999999999;
    position: relative;
}





/*A propos */
.page-id-2539,
.page-id-3251 {
       background-image: 
    url('/wp-content/uploads/2025/06/blob1.png'),
    url('/wp-content/uploads/2025/06/blob2.png');
    background-position: 
    173% -50px,
   -20px 80vh;
    background-size: 
    72%,
    0%;
}


/* Contact */
.page-id-3047,
.page-id-3253 {
       background-image: 
    url('/wp-content/uploads/2025/06/blob4.png'),
    url('/wp-content/uploads/2025/06/blob2.png');
    background-position: 
    120% 130px,
   -20px 80vh;
    background-size: 
    68%,
    0%;
}


.menu-item-3246,
.menu-item-3260 {
        display: none!important;
    }

/* [data-elementor-type="header"],
main,
[data-elementor-type="footer"] {
    padding: 0 10vw!important;
} */





header > .e-con-inner {
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 20px 0px!important;
     background-color: #fff;
     margin-top: 20px!important;
     padding-left: 25px!important;
     min-height: 90px;
     max-width: 1360px!important;
}

li.menu-item {
 padding: 4px 12px;
 border-radius: 100px ;

 
}

li .elementor-item {
     margin: 0!important;
}

#content a:link:not(.elementor-button), 
#content a:active:not(.elementor-button), 
#content a:visited:not(.elementor-button) {
    color: var(--e-global-color-text);
    text-decoration: underline;
}

#content a:hover:not(.elementor-button) {
    text-decoration: none;
}

.current-menu-item {
background-color: #E0F4E4;
margin-inline: 5px!important;

}

.elementor-item-active {
   
}


/* WPML Language Switcher Dropdown CSS - Hover functionality */

/* Main container styling */
ul {
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 60px;
}

/* Base styling for all language items */
.wpml-ls-item {
    margin: 0;
    padding: 0;
}

/* Style the current language as the main button */
.wpml-ls-current-language .wpml-ls-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    /* background-color: #f8f9fa;
    border: 1px solid #dee2e6; */
    border-radius: 4px;
    color: var(--e-global-color-text);
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1001;
}

/* Add dropdown arrow to current language */
.wpml-ls-current-language .wpml-ls-link::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 9px;
    margin-left: 7px;
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.73694 1.67514L5.69043 6.0629L9.64392 1.67514" stroke="%234B4B4B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s ease;
    /* background-color: red; */
  margin-top: 4px;
}

/* Hide non-current language by default */
.wpml-ls-item:not(.wpml-ls-current-language) {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s ease;
    z-index: 1000;
}

/* Show dropdown on hover */
ul:hover .wpml-ls-item:not(.wpml-ls-current-language) {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Style the dropdown items */
.wpml-ls-item:not(.wpml-ls-current-language) .wpml-ls-link {
    display: block;
    padding: 8px 16px;
    /* background-color: white;
    border: 1px solid #dee2e6;
    border-top: none;*/
    border-radius: 4px; 
     color: var(--e-global-color-text);
    text-decoration: none;
    transition: background-color 0.2s ease;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

/* Hover states */
.wpml-ls-link:hover {
    background-color: #E0F4E4;
    border-color: #adb5bd;
}

/* Rotate arrow on hover */
ul:hover .wpml-ls-current-language .wpml-ls-link::after {
    /*transform: rotate(180deg);*/
}

/* Ensure proper stacking context */
ul {
    z-index: 999;
}


.wpml-ls-item:not(.wpml-ls-current-language) .wpml-ls-link {
    background: #fff;
    font-weight: 400;
}

.wpml-ls-item:not(.wpml-ls-current-language) .wpml-ls-link:hover {
    background: #E0F4E4;
}

.maintitle h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 48px;
}

#fritureusagee h2,
#bonsgestes h2,
#apropos h2,
#systemesimple h2,
#contactdansapropos h2,
#contact h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
}

p strong {
    font-weight: 600!important;
}


 .e-n-accordion-item-title {
    justify-content: space-between!important;
}

/* 
.e-closed, .e-opened {

} */

 .e-opened * {
    --n-accordion-icon-normal-color:#FFBB00!important;
    --n-accordion-icon-hover-color: #FFBB00!important;
    --n-accordion-icon-active-color: #FFBB00!important;
}
 .e-closed * {
    --n-accordion-icon-normal-color:#F1F2F9!important;
    --n-accordion-icon-hover-color: #F1F2F9!important;
    --n-accordion-icon-active-color: #F1F2F9!important;
}

.e-n-accordion > .e-n-accordion-item > .e-con  {
    /* background-color: red!important; */
    margin-top: -10px;
}


/* MAP CONTENEURS */

 .valorfrit-search-container {
        max-width: 100%;
        margin: 0 auto;
        background: #fff;
        border-radius: 32px;
        padding: 50px;
          box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 20px 
    }
    
    /* Desktop Layout: Two Columns */
    .valorfrit-main-content {
        display: flex;
        gap: 80px;
        margin-bottom: 30px;
    }
    
    .valorfrit-left-column {
        /* flex: 0 0 300px;
        min-width: 300px; */
        width: 35%;
    }
    
    .valorfrit-right-column {
        /* flex: 1;
        min-width: 0; */
        width: 65%;
    }
    
    .valorfrit-search-section {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

  .elementor-field-type-submit  .elementor-button  {
  
    max-width: 259px !important;
	  
    max-width: 249px !important;
  }



   .valorfrit-search-section label,
     .elementor-form label {
         
               color: var(--e-global-color-text)!important;
               margin-left: 2px;
               font-family: "Poppins", Sans-serif!important;
    font-weight: 600!important;
    font-size: 17px!important;
    letter-spacing: 1.5%!important;
        }
    
    .valorfrit-search-section input,
    .elementor-form input,
      .elementor-form textarea{
        width: 100%;
        padding: 9px 10px!important;
        border: 2px solid #ECECEC!important;
        background-color: #F9F9F9!important;
        font-family: "Poppins", Sans-serif!important;
        color: var(--e-global-color-text)!important;
        border-radius: 5px!important;
        font-size: 16px!important;
        box-sizing: border-box!important;
    }

      .valorfrit-search-section input::placeholder,
      .elementor-form input::placeholder,
      .elementor-form textarea::placeholder {
        color:#C8C8C8!important;
      }
    
    .valorfrit-search-btn,
    .valorfrit-search-btn:focus,
    .elementor-button  {
        width: 100%;
        padding: 12px 20px!important;
        background: var(--e-global-color-accent);
        color: white;
        border: none;
        border-radius: 32px!important;
        cursor: pointer;
        font-size: 16px!important;
        font-weight: 400!important;
        transition: background 0.3s;
        box-sizing: border-box;
    }

.elementor-field-type-submit  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

  .elementor-field-type-submit  .elementor-button  {
        width: 86%!important;
      
        font-weight: 600!important;
        min-height: 46px!important;
         /* margin-top: -8px!important; */



  }




@media (min-width: 1822px) {

    .page-id-3047,
.page-id-3253 {
      

    background-size: 
    60%,
    0%;
}
 

}


@media (max-width: 767px) {


    header > .e-con-inner {

     min-height: 80px;

    }


/*    .elementor-location-header {
        position: fixed;
    z-index: 9999999999999999;
    width: 100%;
    top: 0px;
    }

    main {
        margin-top: 80px;
    }*/

.menu-item-3246,
.menu-item-3260
 {
        display: block!important;
    }
   
    body {
   

    background-position: 
    50px 2px,
   -20px 240vh;
    background-size: 
    200%,
    120%;

    background-repeat: no-repeat;
    /* margin: 20px; */
}


/* Contact */
.page-id-3047,
.page-id-3253 {
 
    background-position: 
    120% 56px,
   -20px 80vh;
    background-size: 
    88%,
    0%;
}



header > .e-con-inner {
    border-radius: 0;
 
}




#fritureusagee h2,
#bonsgestes h2,
#apropos h2,
#systemesimple h2,
#contact h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
}


#bonsgestes h2
 {
  
    font-size: 22px;
    line-height: 28px;
    text-align: left;
}

#contactdansapropos h2
 {

    font-size: 28px!important;
    line-height: 32px;
    text-align: left;
    font-weight: 700;
}



br {
    display: none!important;
}


footer br,
#contact br {
    display: block!important;
}

header {
    /* position: fixed!important;
    top: 0!important;
    left: 0!important; */
}

header > .e-con-inner {
    
     margin-top: 0px!important;
     padding-left: 10px!important;
     padding-right: 10px!important;
     min-height: 65px;
}

.elementor-nav-menu--dropdown {
    border-radius: 15px;
}

.elementor-nav-menu--dropdown-mobile {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 100000000000;
     border-radius: 0!important;
}


.maintitle h1 {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}




.elementor-field-type-submit::before {
  content: "";
    display: inline-block;
    width: 14%!important;
    margin-right: 0; 
}


.menu-item-man {
		display: flex!important;
    justify-content: center!important;
	}
	
	.langswitch a{
		padding: 20px 5px 15px 5px!important;
        font-family: "Open Sans", Sans-serif;
    font-weight: 500;
    font-size: 16px;
	}

    .elementor-nav-menu--dropdown a.current {
        background: transparent!important;
        color: #33373d!important;
        font-weight: bold;
    }


    } /* max 767 */




.elementor-field-type-submit::before {
  content: "";
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 8px; 
   
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="23" cy="23" r="18" fill="%2301AB22"/><circle cx="23" cy="23" r="22.3611" stroke="%2301AB22" stroke-width="1.27778" fill="none"/><path d="M15.7998 21.5929C15.2988 21.5929 14.8927 21.999 14.8927 22.5C14.8927 23.001 15.2988 23.4071 15.7998 23.4071L15.7998 21.5929ZM30.8412 23.1414C31.1955 22.7872 31.1955 22.2128 30.8412 21.8586L25.0684 16.0857C24.7141 15.7315 24.1398 15.7315 23.7855 16.0857C23.4313 16.44 23.4313 17.0143 23.7855 17.3686L28.917 22.5L23.7855 27.6314C23.4313 27.9857 23.4313 28.56 23.7855 28.9143C24.1398 29.2685 24.7141 29.2685 25.0684 28.9143L30.8412 23.1414ZM15.7998 22.5L15.7998 23.4071L30.1998 23.4071L30.1998 22.5L30.1998 21.5929L15.7998 21.5929L15.7998 22.5Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
    
    .valorfrit-search-btn:hover,
    .elementor-field-type-submit  .elementor-button:hover  {
        /* background: var(--e-global-color-c473934); */
        background: var(--e-global-color-primary);
    }
    
    #valorfrit-map {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #ddd;
    }
    
    .valorfrit-tabs {
        margin-top: 20px;
    }
    
    .valorfrit-tab-buttons {
        display: flex;
        border-bottom: 2px solid #ddd;
        margin-bottom: 20px;
    }
    
    .valorfrit-tab-button,
    .valorfrit-tab-button:focus {
        flex: 1;
        padding: 15px 20px;
        background: #f8f9fa!important;
        color:#666!important;
        border: none;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        font-size: 16px;
        transition: all 0.3s;
        font-weight: 600;
        background: #fff!important;
    }
    
    .valorfrit-tab-button.active {
         background: var(--e-global-color-c473934)!important;
         background: transparent!important;
        border-bottom-color: var(--e-global-color-accent);
        color: var(--e-global-color-accent)!important;
        font-weight: 600;
    }
    
    .valorfrit-tab-button:hover {
        background: var(--e-global-color-c473934);
        color:var(--e-global-color-primary);
    }
    
    .valorfrit-tab-pane {
        display: none;
    }
    
    .valorfrit-tab-pane.active {
        display: block;
    }
    
    .single-result-valorfrit {
        display: flex;
        margin-bottom: 20px;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background: white;
    }

    .et_pb_button {
        color: #fff!important;
        text-decoration: none!important;
    }
    
    .single-result-img {
        flex-shrink: 0;
        margin-right: 15px;
    }
    
    .single-result-img img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 5px;
    }
    
    .single-result-content {
        flex: 1;
    }
    
    .single-result-content h4 {
        margin: 0 0 10px 0;
        color: var(--e-global-color-text);
    }
    
    .single-result-content p {
        margin: 0 0 10px 0;
        color: var(--e-global-color-text);
    }
    
    .btn-result {
        margin-top: 10px;
    }
    
    .btn-result a {
        display: inline-block;
        padding: 5px 15px;
        background: var(--e-global-color-accent);
        color: white;
        text-decoration: none;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 400;
        transition: background 0.3s;
    }
    
    .btn-result a:hover {
        background: var(--e-global-color-primary);
    }


    footer {
        color: #fff!important;
    }

      footer p a {
        color: #fff!important;
    }

     footer p a:hover {
        color: #fff!important;
        text-decoration: underline;
    }
    
    
    /* Mobile Layout: Vertical Stack */
    @media (max-width: 767px) {


        .valorfrit-search-container {
     
        padding: 30px;
   
    }


        .valorfrit-main-content {
            flex-direction: column;
            gap: 20px;
        }
        
        .valorfrit-left-column {
            /* flex: none;
            min-width: auto; */
            width: 100%;
        }

         .valorfrit-right-column {
     
        width: 100%;
    }
        
        .valorfrit-search-section {
            flex-direction: column;
            gap: 10px;
        }

       
        
        .valorfrit-search-section input {
            flex: 1;
            min-width: 200px;
        }
        
        .valorfrit-search-btn {
            flex: 0 0 auto;
            width: auto;
            white-space: nowrap;
        }
        
        .valorfrit-tab-buttons {
            flex-direction: column;
        }
        
        .single-result-valorfrit {
            flex-direction: column;
        }
        
        .single-result-img {
            margin-right: 0;
            margin-bottom: 10px;
        }


        .valorfrit-search-btn,
    .valorfrit-search-btn:focus,
    .elementor-button  {
        width: 100%;
        padding: 15px 22px!important;
      
        font-size: 15px!important;
      
      
    }


    }
    
    /* Tablet adjustments */
    @media (max-width: 1024px) and (min-width: 769px) {

        .valorfrit-left-column {
            flex: 0 0 250px;
            min-width: 250px;
        }
        
        .valorfrit-main-content {
            gap: 20px;
        }
    }

	.zip_code_section .zip_code_contents {
				border: 1px solid #d3d3d3;
				position: relative;
			}

			.zip_code_section .zip_search_box {
				border: none;
			}

			.zip_code_section .selected_zip_code {
				padding-top: 5px 0;
				display: flex;
				flex-wrap: wrap;
			}

			.zip_code_section .zip_search_box:focus {
				border-color: #ffffff00;
				box-shadow: 0 0 0 1px #ffffff00;
				outline: 2px solid transparent;
			}

			.zip_code_section .selected_zip_code span {
				padding: 2px 10px;
				border: 1px solid #dddddd;
				border-radius: 25px;
				margin: 2px;
				cursor: pointer;
			}

			.zip_code_section .selected_zip_code span:hover {
				background: #dddddd;
			}

			.zip_code_section .zip_filter_result {
				border-top: 1px solid #dddddd;
			}

			.zip_code_section .zip_filter_result p {
				cursor: pointer;
				padding: 5px 10px;
				border-bottom: 1px solid #dddddd;
			}

			.zip_code_section .zip_filter_result p:hover {
				
				background: #dddddd;
			}