.recipe-modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.recipe-modal{background:#faf1e6}.recipe-detail-modal{text-align:left;border-radius:12px;width:70%;margin:30px 100px;padding:20px;box-shadow:0 5px 15px #0000004d}.recipe-modal-header{justify-content:space-between;display:flex}.recipe-modal-header-content{margin-left:20px}.recipe-modal-heading{justify-content:space-between;align-items:center;display:flex}.close-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.recipe-modal-image{text-align:center}.recipe-modal-header-content p{text-align:left;font-size:14px;line-height:1.5}.recipe-modal-instructions{text-align:left}.recipe-modal-instructions ul{margin:10px 0 0;padding-left:20px}.recipe-modal-instructions ul li{font-size:14px;line-height:1.5}@media (max-width:600px){.recipe-modal-overlay{align-items:flex-start;padding:10px;overflow:auto}.recipe-modal{width:90%;padding:30px 10px}.recipe-detail-modal{text-align:left;border-radius:12px;width:90%;margin:20px 10px 80px;padding:20px;box-shadow:0 5px 15px #0000004d}.recipe-modal h2{font-size:18px}.recipe-modal-header-content{margin:10px 0}.recipe-modal-header{flex-direction:column}.recipe-modal-instructions ul{padding-left:10px}.close-btn{font-size:15px}}@media (min-width:600px) and (max-width:900px){.recipe-modal-overlay{align-items:flex-start;padding:10px;overflow:auto}.recipe-modal{width:95%;padding:30px 10px}.recipe-detail-modal{text-align:left;border-radius:12px;width:95%;margin:30px 50px 80px;padding:20px;box-shadow:0 5px 15px #0000004d}.recipe-modal h2{font-size:18px}.recipe-modal-header-content{margin-left:10px}}
.user-search-history-list{grid-template-columns:repeat(3,1fr);display:grid}.search-history-card{background-color:#faf1e6;border-radius:5px;flex-direction:row;justify-content:space-between;margin:10px;padding:10px 20px;display:flex}.search-history-card-content{text-align:left;flex-grow:1}.search-history-card-content p{margin:5px 0;font-size:14px}.search-history-card-stats{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.search-history-card-stats small{color:#4b4b4b;font-size:10px}.search-history-card-stats p{font-size:13px}.search-history-card-remove-btn{justify-content:center;place-items:center;margin-left:10px}.search-history-card-remove-btn button{color:#ff4646;background-color:#faf1e6;border:none;border-radius:5px;justify-content:center;place-items:center;padding:0 4px}@media (max-width:600px){.user-search-history-list{flex-direction:column;display:flex}.search-history-card{flex-direction:row;margin:5px;display:flex}.search-history-card-content p{margin:0;font-size:13px}.search-history-card-stats p{font-size:11px}.search-history-card-remove-btn{margin-left:5px}}@media (min-width:600px) and (max-width:1000px){.user-search-history-list{grid-template-columns:repeat(2,1fr)}.search-history-card{flex-direction:row;display:flex}.search-history-card-content p{margin:0;font-size:13px}.search-history-card-stats p{font-size:11px}.search-history-card-remove-btn{margin-left:5px}}@media (min-width:1000px) and (max-width:1300px){.search-history-card{flex-direction:row;display:flex}.search-history-card-content p{margin:0;font-size:13px}.search-history-card-stats p{font-size:11px}.search-history-card-remove-btn{margin-left:5px}}
.meal-planner-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.meal-planner-header h3{text-align:center;flex:1}.add-meal-plan-btn{cursor:pointer;border:1px solid #8b4513;border-radius:5px;margin-right:20px;padding:10px 20px}.confirm-meal-plan-btn{color:#fff;cursor:pointer;background-color:#8b4513;border:none;border-radius:10px;padding:10px 20px;font-size:14px}.empty-hint{margin-top:20px}@media (max-width:600px){.meal-planner-header{flex-direction:column;margin-bottom:10px;display:flex}.confirm-meal-plan-btn{font-size:12px}}
.add-meal-plan-form{border-radius:10px;flex-direction:column;gap:20px;padding:20px;display:flex}.generate-meal-plan-form-inputs{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.generate-meal-plan-input-container{flex-direction:column;justify-content:center;gap:5px;display:flex}.add-meal-plan-form label{flex-direction:row;align-items:center;gap:10px;margin-bottom:5px;font-size:13px;font-weight:600;display:flex}.add-meal-plan-form input[type=number],.add-meal-plan-form input[name=exclude],.add-meal-plan-form input[type=text],.add-meal-plan-form input[name=title],.add-meal-plan-form select{box-sizing:border-box;border:1px solid #ddd;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:12px}.generate-meal-plan-input-container input[type=date]{color:#5a2d0c;cursor:pointer;background:linear-gradient(#faf1e6,#faf1e6) padding-box padding-box,linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b) border-box;border:2px solid #0000;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s ease-in-out}.generate-meal-plan-input-container input[type=date]:focus{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b) border-box;box-shadow:0 0 6px #5a2d0c66}.add-meal-plan-form .checkbox-label{flex-direction:row;align-items:center;gap:10px}.checkbox-label input[type=checkbox]{width:auto;margin-top:0}.required-asterisk{color:red;margin-left:2px}.generate-meal-plan-form-buttons{text-align:center;justify-content:space-between;align-items:center;gap:0 30px;margin-top:20px}.generate-meal-plan-form-buttons button{cursor:pointer;border-radius:10px;flex:1;margin:0 20px;padding:10px 25px}.generate-meal-plan-btn{color:#fff;background-color:#8b4513;border:none}.generate-meal-plan-btn:hover{background-color:#ba601f}.cancel-generate-meal-plan-btn{background-color:#d9d9d9;border:1px solid #8b4513}.cancel-generate-meal-plan-btn:hover{background-color:#e1e6ea}.generate-meal-plan-btn:disabled,.cancel-generate-meal-plan-btn:disabled{opacity:.7;cursor:not-allowed}.save-plan-tip{text-align:center;color:#888;margin-top:10px;font-style:italic}@media (max-width:600px){.generate-meal-plan-form-inputs{flex-direction:column;display:flex}.generate-meal-plan-form-buttons button{margin:0 5px;padding:10px 20px}}
.meal-plan-schedule-component{margin:10px 0}.mp-days{background-color:#faf1e6;border-radius:10px;margin-top:20px;padding:10px}.meal-plan-table{border-collapse:collapse;width:100%;margin-top:20px}.day-label{flex-direction:column;display:flex}.meal-plan-table th,.meal-plan-table td{text-align:left;vertical-align:top;border:1px solid #5a2d0c;padding:12px}.meal-plan-table th{border-radius:5px 5px 0 0}.meal-plan-table td{border:1px solid #5a2d0c}.meal-plan-table th{color:#5a2d0c}.mp-meal{align-items:center;gap:8px;display:flex}.day-tag{color:#faf1e6;background:linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b);border-radius:5px;margin:5px 0 0;padding:2px 6px;font-size:14px;display:inline-block}@media (max-width:760px){.meal-plan-table{margin-top:20px}.meal-plan-table,.meal-plan-table thead,.meal-plan-table tbody,.meal-plan-table tr,.meal-plan-table th,.meal-plan-table td{width:100%;display:block}.meal-plan-table tr{background-color:#fff;border:1px solid #5a2d0c;border-radius:10px;margin-bottom:15px;padding:10px}.meal-plan-table td{border:none;padding:8px 0}.meal-plan-table th{display:none}.meal-plan-table td:before{content:attr(data-label);color:#5a2d0c;margin-bottom:4px;font-weight:700;display:block}}@media (min-width:760px) and (max-width:1300px){.meal-plan-table{display:block;overflow-x:auto}.meal-plan-table th,.meal-plan-table td{width:400px;min-width:100px}.mp-meal{flex-direction:column;gap:8px;display:flex}}

.modal-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#faf1e6;border-radius:8px;width:95%;max-width:900px;max-height:90vh;padding:1rem;position:relative;overflow:auto}.modal-close{cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:8px;right:8px}
.user-profile-links{justify-content:center;align-items:center}.user-profile-links button{background-color:#faf1e6;border:1px solid #8b4513;border-radius:10px;margin:10px 30px;padding:10px 40px;font-size:14px}.user-profile-links button:hover{background-color:#ffedd9;transition:all .5s ease-in}.profile-links-icon{color:#8b4513;margin-right:10px;font-size:15px}.user-profile-links button.active{color:#faf1e6;background:linear-gradient(90deg,#5a2d0c,#b17a54,#c9a66b);font-weight:700;transition:all .7s ease-in-out}@media (max-width:600px){.user-profile-links{flex-direction:row;margin-bottom:10px;display:flex}.user-profile-links button{margin:5px;padding:1px;font-size:13px}.profile-links-icon{margin-right:5px;font-size:13px}}@media (max-width:600px) and (max-width:1000px){.user-profile-links{flex-direction:row;margin-bottom:10px;display:flex}.user-profile-links button{padding:10px}}
.personal-data-card,.preferences-card{background-color:#faf1e6;border-radius:5px;margin:10px;padding:10px 20px}.personal-data-card h3,.preferences-card h3{margin-top:10px}.user-info{flex-direction:row;margin-top:10px;display:flex}.avatar-section{flex-direction:column;align-items:center;margin-right:20px;display:flex}.user-names,.user-email-gender,.other-personal-info{text-align:left}.user-names,.user-email-gender{flex-direction:row;display:flex}.user-email-gender,.other-personal-info{margin-top:10px}.personal-fields-info{width:300px}.user-names input,.user-email-gender input,.user-email-gender select{border:1px solid #8b4513;border-radius:5px;height:30px;margin-left:10px;padding-left:5px}.user-preferences{flex-direction:row;margin-top:10px;display:flex}.profile-diet-preference,.profile-culinary-preferences{flex-direction:row;align-items:center;display:flex}.profile-culinary-preferences{margin-left:30px}.user-bio{text-align:left;align-items:center;margin-top:20px}.user-bio textarea{border:1px solid #8b4513;border-radius:5px;margin-left:20px}.profile-filters-dropdown select,.profile-culinary-preferences input{border:1px solid #8b4513;border-radius:5px;height:30px;margin-left:10px;padding-left:5px}.other-personal-info span{color:#5a2d0c;margin-left:10px}.preferences-card .select-field{height:35px}.personal-data-card .profile-crud-btns,.preferences-card .profile-crud-btns{margin-top:20px}.personal-data-card .profile-crud-btns button,.preferences-card .profile-crud-btns button{border-radius:5px;margin:0 20px;padding:10px 20px}.personal-data-card .profile-edit-btn,.preferences-card .profile-edit-btn{background-color:#e6f7f1;border:1px solid #8b4513}.personal-data-card .profile-save-btn,.preferences-card .profile-save-btn{color:#faf1e6;background-color:#8b4513;border:none}@media (max-width:600px){.personal-data-card,.preferences-card{margin:10px 0;padding:10px}.personal-data-card h3,.preferences-card h3{margin-top:5px}.user-info{flex-direction:column;margin-top:10px}.avatar-section{margin-bottom:10px;margin-right:0;font-size:12px}.avatar-section img{width:50px;height:50px}.user-names,.user-email-gender{flex-direction:column}.user-email-gender,.other-personal-info{margin-top:10px}.personal-fields-info{margin:5px 0;font-size:12px}.user-names input,.user-email-gender input,.user-email-gender select{height:25px;margin-left:10px;padding-left:5px;font-size:12px}.other-personal-info{font-size:12px}.user-preferences{flex-direction:column;font-size:12px}.profile-culinary-preferences{text-align:left;margin-top:10px;margin-left:0}.user-bio{text-align:left;margin-top:20px;font-size:12px}.user-bio textarea{margin-left:10px}.profile-filters-dropdown select,.profile-culinary-preferences input{height:25px;margin-left:10px;padding-left:5px;font-size:12px}.personal-data-card .profile-crud-btns,.preferences-card .profile-crud-btns{margin-top:15px}.personal-data-card .profile-crud-btns button,.preferences-card .profile-crud-btns button{margin:0 10px;padding:5px 10px;font-size:12px}}

.stats-summary-card,.search-stats-card{background-color:#faf1e6;border-radius:5px;margin:10px;padding:10px 20px}.stats-item{flex-direction:row;margin:10px 0;display:flex}.stats-item strong{margin-left:10px}.timeframe-buttons{text-align:center;justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.timeframe-buttons button{cursor:pointer;background-color:#faf1e6;border:1px solid #8b4513;border-radius:5px;margin:0 20px;padding:10px 20px;font-size:14px}.timeframe-buttons button:hover{background-color:#ffedd9;transition:all .5s ease-in}.timeframe-buttons button.active{color:#faf1e6;background:linear-gradient(90deg,#c9a66b,#b17a54,#5a2d0c);font-weight:700;transition:all .7s ease-in-out}.search-stats-card h4{margin:10px 0 20px}@media (max-width:600px){.stats-summary-card,.search-stats-card{margin:10px 0;padding:10px}.stats-item{flex-direction:row;font-size:12px;display:flex}.timeframe-buttons button{margin:0 10px;padding:5px 10px}.search-stats-card h4{margin:10px 0}}

