body.dark-mode{background-color:#222}body.dark-mode .navbar{background-color:#111;color:#fff}body.dark-mode .recipe-list{background-color:#333}.navbar{background-color:#2c3e50;box-shadow:0 4px 6px #0000001a;padding:15px 20px;position:sticky;top:0;transition:background .3s ease-in-out;z-index:1000}.span{color:#f0eeee;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.navbar-left{align-items:center;display:flex;gap:10px}.navbar h1{color:#ecf0f1;font-weight:700}.navbar-buttons{align-items:center;gap:15px}.navbar-buttons a,.navbar-buttons button{border-radius:5px;color:#fff;font-size:1rem;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.navbar-buttons a:hover,.navbar-buttons button:hover{background-color:#34495e;transform:translateY(-2px)}.home-link{background:none;border-radius:5px;color:#fff;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.favorites-link{background-color:#e74c3c}.dark-mode-toggle{background-color:#8e44ad}.grocery-link{background-color:#27ae60}@media (max-width:1024px){.navbar h1{font-size:1.4rem}.navbar-buttons a,.navbar-buttons button{font-size:.95rem;padding:8px 12px}}@media (max-width:768px){.navbar-left{gap:8px}.navbar h1{font-size:1.3rem}.navbar-buttons a,.navbar-buttons button{font-size:.9rem;padding:8px 10px}}@media (max-width:480px){.navbar h1{font-size:.5rem}.home-link,span{display:none}.navbar-buttons a,.navbar-buttons button{font-size:.8rem;padding:6px 8px}}.walou{font-family:Georgia,Times New Roman,Times,serif;text-decoration:none}.search-container{display:flex;justify-content:center;margin:20px}.search-container input{border:1px solid #ccc;border-radius:5px;padding:10px;width:60%}.search-container button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px}.recipe-title{-webkit-text-stroke:2px #000;color:#fff;font-size:1.5rem;margin:10px 0;position:relative;text-shadow:0 1px 19px #fff;z-index:2}.recipe-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;box-shadow:0 4px 8px #dd14141a;margin:10px auto;max-width:100%;position:relative;transition:transform .2s ease,box-shadow .2s ease}.recipe-card:hover{transform:translateY(-5px)}.recipe-card:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.button-container,.recipe-category{position:relative;z-index:2}.recipe-image{border-radius:10px;position:relative;z-index:1}.recipe-category{-webkit-text-stroke:.4px #fff;color:#b9afaf;font-size:1rem;margin-bottom:15px;text-shadow:2px 2px 5px #000}.button-container{flex-direction:column;gap:10px}.favorite-btn,.grocery-btn,.view-recipe{border:none;border-radius:5px;cursor:pointer;display:inline-block;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.view-recipe{background-color:#007bff;color:#fff;text-decoration:none}.view-recipe:hover{background-color:#0056b3}.favorite-btn.add-favorite{background-color:#28a745;color:#fff}.favorite-btn.add-favorite:hover{background-color:#218838}.favorite-btn.remove-favorite{background-color:#dc3545;color:#fff}.favorite-btn.remove-favorite:hover{background-color:#c82333}.grocery-btn.add-grocery{background-color:#e1eb21;color:#000}.grocery-btn.add-grocery:hover{background-color:#cad31e}.grocery-btn.remove-grocery{background-color:#dc3545;color:#fff}.grocery-btn.remove-grocery:hover{background-color:#c82333}body.dark-mode .recipe-card{background-color:#444}body.dark-mode .recipe-title{-webkit-text-stroke:2px #000;color:#dddada}body.dark-mode .recipe-category{color:#ddd}body.dark-mode .view-recipe{background-color:#555}body.dark-mode .view-recipe:hover{background-color:#666}body.dark-mode .grocery-btn.add-grocery{background-color:#ecec1ff3}body.dark-mode .grocery-btn.add-grocery:hover{background-color:#cdcd14}body.dark-mode .grocery-btn.remove-grocery{background-color:#dc3545}body.dark-mode .grocery-btn.remove-grocery:hover{background-color:#c82333}@media (max-width:1024px){.recipe-card{max-width:90%;padding:12px}.recipe-title{font-size:1.4rem}.favorite-btn,.grocery-btn,.view-recipe{font-size:.9rem;padding:8px 16px}}@media (max-width:768px){.recipe-card{margin:10px auto;max-width:100%}.button-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.favorite-btn,.grocery-btn,.view-recipe{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.recipe-card{padding:10px}.recipe-title{font-size:1.2rem}.recipe-category{font-size:.9rem}.favorite-btn,.grocery-btn,.view-recipe{font-size:.8rem;padding:5px 10px}}.recipe-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1200px;padding:20px}.recipe-card{background:#f8f8f8;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;padding:15px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.recipe-card:hover{box-shadow:0 6px 12px #00000026;transform:scale(1.05)}.recipe-card img{border-radius:8px;height:auto;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}.recipe-card:hover img{opacity:.9}.favorite-btn{background:#ff4747;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px;transition:background .3s ease-in-out,transform .2s ease-in-out}.favorite-btn:hover{background:#d63e3e;transform:scale(1.05)}body.dark-mode .recipe-card{background:#2c2c2c;box-shadow:0 4px 8px #ffffff1a;color:#fff}body.dark-mode .favorite-btn{background:#e74c3c}body.dark-mode .favorite-btn:hover{background:#c0392b}@media (max-width:900px){.recipe-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.recipe-list{grid-template-columns:repeat(1,1fr)}.recipe-card{padding:10px}.favorite-btn{padding:6px 10px}}.loading-container{align-items:center;background-color:#ffffffe6;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:tomato;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#333;font-size:1.2rem;margin-top:20px}body.dark-mode .loading-container{background-color:#000000e6}body.dark-mode .loading-container p{color:#fff}.recipe-container{margin:0 auto;max-width:800px;padding:20px}.recipe-details{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:25px;transition:all .3s ease}.recipe-image{border-radius:12px;box-shadow:0 3px 10px #00000026;display:block;height:auto;margin:0 auto 20px;max-width:400px;width:100%}.recipe-title{-webkit-text-stroke:1px #000;color:#222;font-size:2.2rem;font-weight:700;margin-bottom:12px;text-align:center;text-transform:uppercase}.recipe-meta{color:#444;display:flex;font-size:1.1rem;font-weight:500;gap:15px;justify-content:center;margin-bottom:20px}.meta-item{background-color:#939292;border-radius:6px;font-weight:600;padding:6px 12px;text-transform:uppercase}.recipe-section{margin-bottom:20px}.section-title{border-bottom:2px solid #007bff;color:#222;font-size:1.6rem;font-weight:700;margin-bottom:12px;padding-bottom:5px}.ingredients-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style-type:none;padding:0}.ingredients-list li{align-items:center;background-color:#f8f8f8;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#444;display:flex;font-weight:500;justify-content:center;padding:12px}.recipe-instructions{color:#353535;font-size:1.1rem;line-height:1.7;white-space:pre-line}.button-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.mouaad,.recipe-link{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.recipe-link{background-color:#007bff;color:#fff}.recipe-link:hover{background-color:#0056b3}.mouaad{background-color:#28a745;color:#fff}.mouaad:hover{background-color:#218838}body.dark-mode .recipe-details{background-color:#222;box-shadow:0 5px 15px #ffffff1a;color:#fff}body.dark-mode .recipe-title,body.dark-mode .section-title{-webkit-text-stroke:1px #000;color:#fff}body.dark-mode .ingredients-list li,body.dark-mode .recipe-instructions,body.dark-mode .recipe-meta{color:#ddd}body.dark-mode .ingredients-list li,body.dark-mode .meta-item{background-color:#333;box-shadow:0 2px 5px #ffffff1a;color:#fff}body.dark-mode .recipe-link{background-color:#28a745}body.dark-mode .recipe-link:hover{background-color:#218838}body.dark-mode .mouaad{background-color:#ff4747}body.dark-mode .mouaad:hover{background-color:#c82333}@media (max-width:768px){.recipe-title{font-size:1.8rem}.section-title{font-size:1.4rem}.button-container{align-items:center;flex-direction:column}.mouaad,.recipe-link{width:90%}}@media (max-width:480px){.recipe-title{font-size:1.5rem}.section-title{font-size:1.3rem}.ingredients-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar h1{font-size:1.5rem;margin:0}.navbar-buttons{display:flex;gap:10px}.favorites-link{background-color:tomato;border-radius:5px;color:#fff;font-size:.9rem;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.favorites-link:hover{background-color:#ff4500}.dark-mode-toggle{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s ease}.dark-mode-toggle:hover{background-color:#777}.grocery-list-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;max-width:600px;padding:20px}.grocery-list{list-style-type:none;padding:0}.grocery-item{align-items:center;border-bottom:1px solid #ddd;color:#333;display:flex;justify-content:space-between;padding:10px;transition:background .3s ease}.grocery-item:last-child{border-bottom:none}.remove-btn{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}.remove-btn:hover{background-color:#ff4500;transform:scale(1.05)}.clear-btn{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:20px;padding:10px;transition:background-color .3s ease,transform .2s ease;width:100%}.clear-btn:hover{background-color:#c0392b;transform:scale(1.02)}body.dark-mode .grocery-list-container{background-color:#333;border:1px solid #555;color:#fff}body.dark-mode .grocery-item{border-bottom:1px solid #555}body.dark-mode .remove-btn{background-color:tomato}body.dark-mode .remove-btn:hover{background-color:#ff4500}body.dark-mode .clear-btn{background-color:#e74c3c}body.dark-mode .clear-btn:hover{background-color:#c0392b}@media (max-width:768px){.grocery-list-container{max-width:90%;padding:15px}.grocery-item{align-items:flex-start;flex-direction:column;gap:10px}.remove-btn{padding:8px 15px}.clear-btn{font-size:.9rem;padding:8px}}@media (max-width:480px){.grocery-list-container{padding:10px}.remove-btn{font-size:.9rem;padding:6px 12px}.clear-btn{font-size:.85rem;padding:6px}}.footer{background-color:#2c3e50;color:#fff;margin-top:auto;padding:40px 20px}.footer-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section{flex:1 1;min-width:200px}.footer-section h3{font-size:1.5rem;margin-bottom:15px}.footer-section p{font-size:.9rem;line-height:1.6}.footer-section ul,.social-links a{list-style:none;padding:0}.footer-section ul li,.social-links a{margin-bottom:10px}.footer-section ul li a,.social-links a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:tomato}.social-links{display:flex;gap:10px}.social-links a:hover{color:tomato}.footer-bottom{border-top:1px solid #444;font-size:.9rem;margin-top:20px;padding-top:20px;text-align:center}body.dark-mode .footer{background-color:#1a1a1a}body.dark-mode .footer-section ul li a:hover,body.dark-mode .social-links a:hover{color:tomato}.feedback-form{display:flex;gap:10px;margin-top:10px}.feedback-input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:.9rem;outline:none;padding:10px}.feedback-input:focus{border-color:tomato}.feedback-submit{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s ease}.feedback-submit:hover{background-color:#e5533d}body.dark-mode .feedback-input{background-color:#444;border-color:#555;color:#fff}body.dark-mode .feedback-input:focus{border-color:tomato}body.dark-mode .feedback-submit{background-color:tomato}body.dark-mode .feedback-submit:hover{background-color:#e5533d}.feedback-display{margin-top:20px}.feedback-display h4{margin-bottom:10px}.feedback-display ul{list-style-type:none;padding:0}.feedback-display li{background:#444;border-radius:5px;margin-bottom:5px;padding:10px}.not-found-container{align-items:center;background-image:url(https://www.freepik.com/free-photos-vectors/recipe-background);color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.not-found-heading{color:#e74c3c;font-size:100px}.not-found-message{font-size:20px}.not-found-link{color:#3498db;font-weight:700;text-decoration:none}.not-found-link:hover{text-decoration:underline}.contact-page{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;padding:20px}.contact-main{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1200px;width:100%}.contact-form-section,.contact-info-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;flex:1 1;max-width:600px;min-width:320px;padding:20px}.contact-info-title,.contact-title,.map-title{color:#34495e;text-align:center}.form-group{margin-bottom:15px}.form-label{color:#34495e;font-size:1rem}.form-input,.form-textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;width:100%}.form-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background .3s ease;width:100%}.form-button:hover{background-color:#c0392b}.contact-info-item{color:#555;font-size:1rem;text-align:center}.contact-map{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.map-frame{border:none;border-radius:8px;height:350px;max-width:600px;width:100%}@media (max-width:1024px){.contact-main{align-items:center;flex-direction:column}.contact-form-section,.contact-info-section{width:90%}}@media (max-width:768px){.contact-form-section,.contact-info-section{padding:15px;width:100%}.contact-info-item{font-size:.9rem}.map-frame{height:300px}}@media (max-width:480px){.contact-form-section,.contact-info-section{padding:10px;width:100%}.contact-title{font-size:1.2rem}.form-input,.form-textarea{font-size:.9rem}.form-button{font-size:1rem;padding:10px}.map-frame{height:250px}}body{background-attachment:fixed;background-color:#f0f0f0;background-image:url(/static/media/bg-6.a0c7f12eb00b05ced237.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0;transition:background .3s ease-in-out}body.dark-mode{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='%23fc9' fill-opacity='.1'%3E%3Ccircle cx='50' cy='50' r='10'/%3E%3Ccircle cx='30' cy='30' r='5'/%3E%3Ccircle cx='70' cy='70' r='5'/%3E%3C/g%3E%3C/svg%3E");content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@media (max-width:1024px){body{background-attachment:scroll;background-size:cover}}@media (max-width:768px){body{background-color:#23b89f}}@media (max-width:480px){body{background-color:#23b89f}}
/*# sourceMappingURL=main.ca0a4f24.css.map*/