/* itineraire voyage */
.formulaire-voyage {width: 100%; margin: 0 auto 0 0; padding: 20px; background-color: #f7f7f7; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);}

.champ-formulaire {margin-bottom: 20px;}

.champ-formulaire label {display: block; margin-bottom: 5px; font-weight: bold; }

.champ-formulaire input[type="number"],
.select-voyage {width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box; }

.bouton-formulaire {text-align: center;}

.bouton-itineraire {padding: 10px 20px; background-color: #0073aa; color: #ffffff; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;}

.bouton-itineraire:hover {background-color: #005177;}

.resultat-itineraire {margin-top: 20px; text-align: center; }

.loader {border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; display:none; margin: 0 auto;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/***** testproduit ***/
.test-produit h2{font-size:28px}
.test-produit h3{font-size:24px;font-wieght:600;}
.test-produit .info, .test-produit .img-amazon {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.test-produit .info i{font-size: 30px; color:#000;}
.test-produit .info-marque, .test-produit .info-prix, .test-produit .info-date-test {text-align: center;}
.test-produit .test {display:flex;justify-content: space-between;flex-wrap: wrap;}
.test-produit .test .avantage, .test-produit .test .inconvenient, .test-produit .test .fiche-technique, .test-produit .test .note{padding:1.5vw;background-color:#f2f2f2;width:48%;margin-bottom:2vw;border-radius: 15px;}
.test-produit .test .avantage i{color:green}
.test-produit .test .inconvenient i{color:red}
.test-produit .note i{color:#FDC42D}
.astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.astuce .auteur{margin-right:2vw; border-radius:50%;height: fit-content;}
@media (max-width:500px){
.test-produit .info-marque, .recette .info-prix, .recette .info-date-test{width:33%}
.test-produit .test .avantage, .test-produit .test .inconvenient, .test-produit .test .fiche-technique, .test-produit .test .note{width:100%;padding:4vw;margin-bottom:4vw;}
.astuce{flex-wrap:wrap;padding:4vw;}
.astuce img {height:fit-content !important; border-radius:50%;height: fit-content;}
}

/*** recette / tutos ***/
.recette h2{font-size:28px}
.recette h3{font-size:20px;font-weight:600;text-transform:uppercase;}
.recette .info {display:flex;justify-content: space-between;margin:1vw 3vw;flex-wrap: wrap;}
.recette .info i{font-size: 30px; color:#000;}
.recette .info-temps, .recette .info-dif, .recette .info-prix, .recette .info-temps-cuisson{text-align: center;}
.recette .nb-ingredient{display: inline-flex;border: 1px solid #e5e5e5;padding:0.25vw 1vw;align-items: center;margin-bottom:2vw;}
.recette .count-ingredient{background-color:transparent;padding:10px;font-weight:700;}
.recette .barre {text-decoration: line-through;}
.recette .pers {padding-right:2vw;font-weight:700;}
.recette .liste-ingredient{background-color:#fff;border:1px solid #E5E5E5; padding:2vw;display:table;margin-bottom:2vw;}
.recette .chiffre-ingredient{font-weight:700;}
.recette .astuce {display: inline-flex;padding:2vw;background-color:#f2f2f2;border-radius:15px;margin-bottom:2vw;}
.recette .astuce .auteur{margin-right:2vw; border-radius:50%;}
#imprimer {display:inline-block; background:black; color:white; padding: 10px 20px;}
@media (max-width:500px){
.recette .count-ingredient{width:50px;padding-left:4vw}
.recette .nb-ingredient{padding:1vw 4vw;}
.recette .liste-ingredient{padding:4vw;}
.recette .info-temps, .recette .info-dif, .recette .info-prix, .recette .info-temps-cuisson{width:50%}
.recette .astuce{flex-wrap:wrap;padding:4vw;}
.astuce img {height:fit-content !important; border-radius:50%}
}
@media print {.ast-header-breadcrumb,.kk-star-ratings,.ast-post-social-sharing,.widget-area.secondary,.site-footer-below-section-2,.site-header-primary-section-right, .ast-single-related-posts-container,.site-header,#imprimer {display: none !important;}
.site-footer-section {width:100% !important}
.ast-footer-copyright {display:block}
}