.elementor-2559 .elementor-element.elementor-element-ada3198{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2559 .elementor-element.elementor-element-ada3198:not(.elementor-motion-effects-element-type-background), .elementor-2559 .elementor-element.elementor-element-ada3198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fooodzy.com/wp-content/uploads/2024/12/itisnotraft_A_colorful_and_appetizing_tuna_salad_with_eggs_mixe_e4b75139-cc29-4031-bcf0-dd8984d796d1-1.webp");background-position:center center;background-size:cover;}.elementor-2559 .elementor-element.elementor-element-ada3198, .elementor-2559 .elementor-element.elementor-element-ada3198::before{--border-transition:0.3s;}.elementor-2559 .elementor-element.elementor-element-c370580{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:49px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2559 .elementor-element.elementor-element-618d919 > .elementor-widget-container{margin:-11px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2559 .elementor-element.elementor-element-618d919{text-align:center;}.elementor-2559 .elementor-element.elementor-element-618d919 .elementor-heading-title{color:var( --e-global-color-primary );font-family:"Syne", Sans-serif;font-weight:700;font-style:normal;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2559 .elementor-element.elementor-element-b0bf6a2 > .elementor-widget-container{margin:-12px 0px -5px 0px;padding:0% 7% 0% 7%;}.elementor-2559 .elementor-element.elementor-element-b0bf6a2{text-align:center;color:var( --e-global-color-primary );font-family:"Syne", Sans-serif;font-weight:500;font-style:normal;}.elementor-2559 .elementor-element.elementor-element-e5d5649{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:5%;--padding-right:5%;}:root{--page-title-display:none;}@media(min-width:801px){.elementor-2559 .elementor-element.elementor-element-c370580{--content-width:1200px;}.elementor-2559 .elementor-element.elementor-element-e5d5649{--content-width:1600px;}}@media(max-width:1100px){.elementor-2559 .elementor-element.elementor-element-ada3198:not(.elementor-motion-effects-element-type-background), .elementor-2559 .elementor-element.elementor-element-ada3198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fooodzy.com/wp-content/uploads/2024/12/itisnotraft_A_colorful_and_appetizing_tuna_salad_with_eggs_mixe_e4b75139-cc29-4031-bcf0-dd8984d796d1-1.webp");}.elementor-2559 .elementor-element.elementor-element-c370580{--margin-top:41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2559 .elementor-element.elementor-element-618d919 > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2559 .elementor-element.elementor-element-618d919{text-align:center;}.elementor-2559 .elementor-element.elementor-element-618d919 .elementor-heading-title{font-size:1.5em;}.elementor-2559 .elementor-element.elementor-element-b0bf6a2 > .elementor-widget-container{margin:-5px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-2559 .elementor-element.elementor-element-72122d1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 24px 0px;}}@media(max-width:800px){.elementor-2559 .elementor-element.elementor-element-ada3198:not(.elementor-motion-effects-element-type-background), .elementor-2559 .elementor-element.elementor-element-ada3198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fooodzy.com/wp-content/uploads/2024/12/itisnotraft_A_colorful_and_appetizing_tuna_salad_with_eggs_mixe_e4b75139-cc29-4031-bcf0-dd8984d796d1-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2559 .elementor-element.elementor-element-ada3198{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2559 .elementor-element.elementor-element-c370580{--margin-top:44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2559 .elementor-element.elementor-element-618d919 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-2559 .elementor-element.elementor-element-b0bf6a2 > .elementor-widget-container{margin:-5px 0px 17px 0px;}.elementor-2559 .elementor-element.elementor-element-e5d5649{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:4%;--padding-left:2%;--padding-right:2%;}.elementor-2559 .elementor-element.elementor-element-72122d1 > .elementor-widget-container{padding:0px 0px 37px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-72122d1 *//* Conteneur de la barre de recherche */
.search-form {
    margin-bottom: 48px !important; /* Ajoute de l'espace sous la barre de recherche par défaut */
    display: flex; /* Utiliser flexbox pour aligner les éléments sur une ligne */
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1150px; /* Ajuste la largeur si nécessaire */
    margin: 20px auto; /* Centrer horizontalement avec un peu de marge en haut et en bas */
    border-radius: 10px; /* Coins arrondis uniformes */
    border: 1px solid #2e6f40; /* Bordure verte */
    overflow: hidden;
    height: 50px; /* Hauteur de la barre */
    box-sizing: border-box; /* Inclut le padding dans la hauteur totale */
}

/* Ajout de la marge de 8px à gauche et à droite en dessous de 800px */
@media (max-width: 1100px) {
    .search-form {
         margin-top: 28px !important; /* Plus d'espace sous la barre en dessous de 800px */
        margin-bottom: 48px !important; /* Plus d'espace sous la barre en dessous de 800px */
        
    }
}

/* Ajout de la marge de 8px à gauche et à droite en dessous de 800px */
@media (max-width: 800px) {
    .search-form {
        margin-left: 12px !important; /* Ajoute 8px de marge à gauche */
        margin-right: 15px !important; /* Ajoute 8px de marge à droite */
         margin-top: 28px !important; /* Plus d'espace sous la barre en dessous de 800px */
        margin-bottom: 33px !important; /* Plus d'espace sous la barre en dessous de 800px */
        max-width: calc(100% - 25px); /* Réduit la taille de la barre pour laisser de la place à la marge */
    }
}

/* Champ de recherche */
.search-form input[type="text"] {
    flex: 1;
    padding: 15px 20px; /* Augmente le padding à l'intérieur du champ */
    border: none;
    font-size: 20px; /* Texte plus grand */
    background-color: #e0e0e0; /* Fond gris clair */
    color: #6c757d; /* Texte gris clair */
    border: none; /* Pas de bordure pour le champ de texte */
    border-radius: 0px; /* Suppression des coins arrondis ici car ils sont gérés par le conteneur */
    outline: none !important; /* Forcer la suppression du contour */
    height: 100%; /* Assure que le champ de texte remplit la hauteur du conteneur */
    box-sizing: border-box; /* Inclut le padding dans la hauteur totale */
}

/* Placeholder (texte indicatif) */
.search-form input[type="text"]::placeholder {
    color: #8c8c8c; /* Couleur du placeholder en gris clair */
    font-size: 18px; /* Taille du texte placeholder */
}

/* Bouton de recherche avec icône */
.search-submit {
    background-color: #fff !important; /* Fond blanc forcé */
    color: #2e6f40 !important; /* Couleur de l'icône verte forcée */
    padding: 0 20px; /* Padding interne au bouton */
    border: none !important; /* Forcer l'absence de bordure */
    border-left: 1px solid #2e6f40 !important; /* Bordure verte uniquement à gauche */
    cursor: pointer;
    border-radius: 0px 10px 10px 0px !important; /* Coins arrondis à droite uniquement, forcé */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Assure que le bouton a la même hauteur que le champ */
    white-space: nowrap; /* Empêche le texte de se couper */
    box-sizing: border-box; /* Inclut le padding dans la hauteur totale */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transition douce */
    text-decoration: none !important; /* Supprime toute décoration de lien */
    outline: none !important; /* Supprimer le contour violet */
    box-shadow: none !important; /* Supprime toute ombre de bouton */
}

/* Icône de recherche */
.search-submit i {
    font-size: 24px !important; /* Taille de l'icône forcée */
    color: #2e6f40 !important; /* Couleur de l'icône verte forcée */
}

/* Effet de survol (hover) sur le bouton */
.search-submit:hover {
    background-color: #2e6f40 !important; /* Fond vert au survol forcé */
    color: #fff !important; /* Texte blanc au survol forcé */
    border-color: #2e6f40 !important; /* Assurer que la bordure reste verte */
    outline: none !important; /* Forcer la suppression du contour */
    box-shadow: none !important; /* Supprimer toute ombre au survol */
}

/* Changer la couleur de l'icône au survol */
.search-submit:hover i {
    color: #fff !important; /* Icône blanche au survol forcée */
}

/* Focus et état actif (forcer la suppression du contour) */
.search-submit:focus, .search-submit:active {
    background-color: #2e6f40 !important; /* Fond vert */
    color: #fff !important; /* Texte blanc */
    border-color: #2e6f40 !important; /* Bordure verte */
    outline: none !important; /* Supprimer le contour violet/rouge */
    box-shadow: none !important; /* Supprimer toute ombre */
}

/* Focus sur le champ de recherche */
.search-form input[type="text"]:focus {
    background-color: #e0e0e0 !important; /* Maintenir le fond gris clair */
    outline: none !important; /* Forcer la suppression du contour */
}

/* Styles pour les boutons de filtrage */
.filter-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    gap: 20px; /* Espace entre les boutons */
}

.filter-button {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #ccc;
    border-radius: 30px; /* Arrondir les bords */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.filter-button:hover {
    background-color: #f0f0f0; /* Changement de fond au survol */
    color: #000; /* Changement de couleur de texte au survol */
}

.filter-button:active {
    background-color: #ccc; /* Changement de fond au clic */
}/* End custom CSS */
/* Start custom CSS *//* Styles pour la liste des plats végétariens */
.shortcode-vegetarien-plat-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* Toujours 4 colonnes */
    gap: 30px !important; /* Espacement entre les cartes */
    padding: 0px !important;
}

/* Styles pour chaque élément de recette (végétarien plat) */
.vegetarien-plat-item {
    background-color: #fff !important; /* Fond par défaut en blanc */
    border-radius: 0 !important; /* Suppression des coins arrondis */
    overflow: hidden !important;
    transition: box-shadow 0.3s ease, border 0.3s ease, transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; /* Transition douce */
    text-align: center !important;
    padding: 0 !important; /* Pas de padding sur l'élément entier pour laisser l'image intacte */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #1F2124 !important; /* Bordure par défaut en #1F2124 */
}

/* Effet de survol pour la carte - Changement de la couleur de fond et de bordure */
.vegetarien-plat-item:hover {
    background-color: #2e6f40 !important; /* Le fond devient #2E6F40 */
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2) !important; /* Ombre plus prononcée au survol */
    transform: translateY(-10px) !important; /* Soulève la carte vers le haut */
    border-color: #2e6f40 !important; /* La bordure devient également #2E6F40 */
    color: #fff !important; /* Texte en blanc lors du survol */
}

/* Rendre toute la carte cliquable */
.vegetarien-plat-item a {
    display: block !important; /* Assure que le lien occupe tout l'espace de la carte */
    text-decoration: none !important; /* Supprime le soulignement des liens */
    color: inherit !important; /* Utilise la couleur du texte actuelle */
    font-family: 'Syne', sans-serif !important; /* Applique la police à tous les liens */
}

.vegetarien-plat-item a:hover {
    cursor: pointer !important; /* Change le curseur lors du survol */
    text-decoration: none !important; /* Supprime le soulignement au survol */
}

/* Conteneur d'image avec ratio 1:1 */
.vegetarien-plat-image {
    position: relative !important;
    width: 100% !important;
    padding-top: 100% !important; /* Forcer un ratio d'image 1:1 */
    margin-bottom: 0 !important;
}

.vegetarien-plat-image img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* S'assure que l'image remplit l'espace tout en gardant ses proportions */
    border-radius: 0 !important; /* Suppression des coins arrondis des images */
}

/* Styles des titres */
.vegetarien-plat-content {
    padding: 10px !important; /* Ajout de 10px de padding autour du texte */
}

/* Titre avec line-clamp pour limiter à 2 lignes */
.vegetarien-plat-content h2 {
    font-size: 22px !important; /* Définir la taille du texte à 22px */
    color: #1F2124 !important; /* Couleur du texte par défaut */
    font-weight: 700 !important;
    text-decoration: none !important; /* Supprime le soulignement */
    font-family: 'Syne', sans-serif !important; /* Applique la police Syne au titre */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Limite le titre à 2 lignes */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: center !important; /* Centre le texte */
    margin-bottom: 10px !important; /* Réduction de l'espace entre le titre et le trait */
    transition: color 0.3s ease !important; /* Ajoute une transition pour la couleur du texte */
}

/* Changement de couleur du titre lors du survol */
.vegetarien-plat-item:hover .vegetarien-plat-content h2 {
    color: #fff !important; /* Le titre devient blanc lors du survol */
}

/* Barre sous le titre avec marges réduites */
.vegetarien-plat-info {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0 !important; /* Réduction de l'espace entre le titre et le trait */
    font-size: 22px !important; /* Définir la taille du texte à 22px */
    color: #1F2124 !important; /* Couleur du texte par défaut */
    border-top: 1px solid #1F2124 !important; /* Barre par défaut en #1F2124 avec trait plein */
    padding: 0px 5px !important; /* Réduction des marges de la barre */
    transition: border-color 0.3s ease, color 0.3s ease !important; /* Ajout d'une transition pour la couleur de la barre et du texte */
    font-family: 'Syne', sans-serif !important; /* Applique la police Syne aux infos */
}

/* Effet de survol pour la barre et le texte - Changement de couleur en blanc */
.vegetarien-plat-item:hover .vegetarien-plat-info {
    border-top-color: #fff !important; /* La barre devient blanche au survol */
    color: #fff !important; /* Texte devient blanc au survol */
}

/* Style pour le temps de la recette */
.temps-recette {
    margin-top: 5px !important; /* Réduction de l'espace entre le trait et le temps */
    font-size: 18px !important; /* Mettre la taille du texte à 22px */
    color: #1F2124 !important; /* Couleur du texte par défaut */
    text-decoration: none !important; /* Supprime le soulignement */
    font-family: 'Syne', sans-serif !important; /* Applique la police Syne */
}

/* Changement de couleur du texte "temps" au survol */
.vegetarien-plat-item:hover .temps-recette {
    color: #fff !important; /* Texte devient blanc lors du survol */
}

/* Media query pour 3 cartes par ligne en dessous de 1100px */
@media (max-width: 1100px) {
    .shortcode-vegetarien-plat-list {
        grid-template-columns: repeat(3, 1fr) !important; /* 3 colonnes */
    }

    /* Supprimer l'effet de soulèvement en dessous de 1100px */
    .vegetarien-plat-item:hover {
        transform: none !important; /* Désactive la translation */
        box-shadow: none !important; /* Désactive l'ombre plus prononcée */
    }
}

/* Media query pour 2 cartes par ligne en dessous de 800px */
@media (max-width: 800px) {
    .shortcode-vegetarien-plat-list {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 colonnes */
        gap: 20px !important; /* Réduction de l'écart entre les cartes sur les petits écrans */
    }
}

/* Media query pour 1 carte par ligne en dessous de 300px */
@media (max-width: 300px) {
    .shortcode-vegetarien-plat-list {
        grid-template-columns: 1fr !important; /* 1 colonne */
        gap: 15px !important; /* Réduction supplémentaire de l'écart entre les cartes */
    }
}

@media (min-width: 1100px) {
    .titre {
        font-size: clamp(0px, 6vw, 90px); 
    }
}


@media (min-width: 800px) and (max-width: 1099px) {
    .titre {
        font-size: 5vw; 
    }
}


@media (max-width: 799px) {
    .titre {
        font-size: clamp(0px, 9vw, 45px); 
    }
}

@media (min-width: 1100px) {
    .sous-titre {
        font-size: clamp(0px, 6vw, 25px); 
    }
}


@media (min-width: 800px) and (max-width: 1099px) {
    .sous-titre {
        font-size: 2.5vw; 
    }
}

@media (max-width: 800px) {
    .sous-titre {
        font-size: 4.5vw; 
    }
}

@media (min-width: 1100px) {
    .titre-texte {
        font-size: clamp(0px, 6vw, 40px); 
    }
}


@media (min-width: 800px) and (max-width: 1099px) {
    .titre-texte {
        font-size: clamp(0px, 6vw, 35px); 
    }
}


@media (max-width: 799px) {
    .titre-texte {
        font-size: clamp(0px, 8vw, 30px); 
    }
}


@media (min-width: 1100px) {
    .texte {
        font-size: clamp(0px, 6vw, 19px); 
    }
}


@media (min-width: 800px) and (max-width: 1099px) {
    .texte {
        font-size: clamp(0px, 2.5vw, 19px); 
    }
}


@media (max-width: 799px) {
    .texte {
        font-size: clamp(0px, 6vw, 19px); 
    }
}/* End custom CSS */