/* Single Meal Plan Styles (scoped) */
:root {
  --background: 120 15% 98%;
  --foreground: 140 25% 15%;
  --card: 0 0% 100%;
  --card-foreground: 140 25% 15%;
  --popover: 0 0% 100%;
  --popover-foreground: 140 25% 15%;
  --primary: 140 45% 35%;
  --primary-foreground: 0 0% 98%;
  --primary-glow: 140 60% 45%;
  --secondary: 25 85% 92%;
  --secondary-foreground: 140 25% 15%;
  --muted: 120 10% 95%;
  --muted-foreground: 140 15% 45%;
  --accent: 25 95% 65%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 120 15% 88%;
  --input: 120 15% 94%;
  --ring: 140 45% 35%;
}

.madplan-single-wrapper { line-height:1.5; }

/* Header */
.header { position:relative;top:auto;z-index:10;background-color:hsla(var(--background),1);border-bottom:1px solid hsl(var(--border)); }
.header-container { max-width:80rem;margin:0 auto;padding:0 1.5rem; }
@media (min-width:1024px){ .header-container{padding:0 2rem;} }
.header-content { display:flex;align-items:center;justify-content:space-between;height:4rem; }
.header-left,.header-right { display:flex;align-items:center; }
.header-left { gap:1rem; }
.header-right { gap:.75rem; }
.back-link { color:hsl(var(--muted-foreground));text-decoration:none;transition:color .15s ease; }
.back-link:hover { color:hsl(var(--foreground)); }
.header-title { font-size:1.125rem;font-weight:600;color:hsl(var(--foreground)); }
.share-btn,.menu-btn { display:flex;align-items:center;gap:.5rem; }
.share-btn { padding:.5rem 1rem;background-color:hsla(var(--primary),0.1);color:hsl(var(--primary));border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .15s ease; }
.share-btn:hover { background-color:hsla(var(--primary),0.2); }
.menu-btn { padding:.5rem;background:none;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .15s ease; }
.menu-btn:hover { background-color:hsl(var(--muted)); }
.dropdown-menu { position:absolute;right:0;top:3rem;width:12rem;background-color:hsl(var(--card));border-radius:.75rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid hsl(var(--border));padding:.5rem;display:none;animation:scale-in .2s ease-out; }
.dropdown-menu.show { display:block; }
.dropdown-item { width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:hsl(var(--foreground));border-radius:.5rem;cursor:pointer;transition:background-color .15s ease; }
.dropdown-item:hover { background-color:hsl(var(--muted)); }

/* Layout */
.main-container { max-width:80rem;margin:0 auto;padding:2rem 1.5rem; }
@media (min-width:1024px){ .main-container{padding:2rem 2rem;} }
.space-y-8>*+*{margin-top:2rem;}

/* Summary */
.summary-card { background-color:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px -2px hsla(var(--primary),0.1); }
.summary-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem; }
@media (min-width:768px){ .summary-grid{grid-template-columns:repeat(5,1fr);} }
.summary-item { display:flex;align-items:center;gap:.75rem; }
.summary-icon { width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center; }
.summary-value { font-size:1.125rem;font-weight:600;color:hsl(var(--foreground)); }
.summary-label { font-size:.875rem;color:hsl(var(--muted-foreground)); }

/* Sections */
.section-title { font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin:0 0 1.5rem; }

/* Recipes */
.recipes-grid { display:grid;gap:1.5rem; }
@media (min-width:768px){ .recipes-grid{grid-template-columns:repeat(2,1fr);} }
@media (min-width:1024px){ .recipes-grid{grid-template-columns:repeat(4,1fr);} }
.recipe-card { background-color:hsl(var(--card));border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease; }
.recipe-card:hover { box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(-.25rem); }
.recipe-card.expanded { grid-column:span 2; }
.recipe-image { aspect-ratio:4/3;overflow:hidden; }
.recipe-image img { width:100%;height:100%;object-fit:cover; }
.recipe-content { padding:1.5rem; display:flex; flex-direction:column; height:100%; }
.recipe-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem; }
/* Move change button to bottom area */
/* Footer actions: 1 button on first row, 2 buttons on second row */
.recipe-footer-actions { 
  margin-top:.75rem; 
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.recipe-footer-row-2 {
  display:flex;
  gap:.5rem;
}
.change-btn {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-glow)));
  color:hsl(var(--primary-foreground));
  border:none;
  border-radius:.6rem;
  font-size:.7rem;
  font-weight:600;
  padding:.45rem .75rem;
  line-height:1.1;
  cursor:pointer;
  box-shadow:0 2px 4px -1px rgba(0,0,0,.15);
  transition:box-shadow .18s,transform .18s,filter .18s;
}
.change-btn:hover { box-shadow:0 4px 10px -2px rgba(0,0,0,.25); transform:translateY(-2px); }
.change-btn:active { transform:translateY(0); box-shadow:0 2px 4px -1px rgba(0,0,0,.2); }
.change-btn svg { stroke:currentColor; }
.double-btn {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  background:linear-gradient(135deg,#f59e0b,#d97706);
  color:white;
  border:none;
  border-radius:.6rem;
  font-size:.7rem;
  font-weight:600;
  padding:.45rem .75rem;
  line-height:1.1;
  cursor:pointer;
  box-shadow:0 2px 4px -1px rgba(0,0,0,.15);
  transition:box-shadow .18s,transform .18s,filter .18s;
}
.double-btn:hover { box-shadow:0 4px 10px -2px rgba(245,158,11,.3); transform:translateY(-2px); }
.double-btn:active { transform:translateY(0); box-shadow:0 2px 4px -1px rgba(0,0,0,.2); }
.double-btn svg { stroke:currentColor; }
.remove-btn {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  background:linear-gradient(135deg,#ef4444,#dc2626);
  color:white;
  border:none;
  border-radius:.6rem;
  font-size:.7rem;
  font-weight:600;
  padding:.45rem .75rem;
  line-height:1.1;
  cursor:pointer;
  box-shadow:0 2px 4px -1px rgba(0,0,0,.15);
  transition:box-shadow .18s,transform .18s,filter .18s;
}
.remove-btn:hover { box-shadow:0 4px 10px -2px rgba(239,68,68,.3); transform:translateY(-2px); }
.remove-btn:active { transform:translateY(0); box-shadow:0 2px 4px -1px rgba(0,0,0,.2); }
.remove-btn svg { stroke:currentColor; }
.remove-btn:disabled, .double-btn:disabled, .change-btn:disabled { 
  opacity:.7; 
  cursor:not-allowed; 
  transform:none;
}
/* ...existing code... */
.recipe-tags { display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem; }
.recipe-tag { 
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.28rem .65rem;
  background:linear-gradient(135deg,hsla(var(--primary),0.18),hsla(var(--primary-glow),0.18));
  background-color:#f2f2f2f2; /* requested solid fallback with alpha */
  color:hsl(var(--primary));
  font-size:.68rem;
  font-weight:600;
  border:1px solid hsla(var(--primary),0.45);
  border-radius:9999px;
  letter-spacing:.3px;
  line-height:1.1;
  position:relative;
  box-shadow:0 1px 2px rgba(0,0,0,.08),inset 0 0 0 1px hsla(var(--primary),0.15);
  white-space:nowrap;
  user-select:none;
  transition:background .2s, color .2s, box-shadow .2s;
}
.recipe-tag::before { content:''; width:.45rem; height:.45rem; border:2px solid currentColor; border-radius:50%; display:inline-block; }
.recipe-tag:hover { background:linear-gradient(135deg,hsla(var(--primary),0.24),hsla(var(--primary-glow),0.24)); box-shadow:0 2px 4px rgba(0,0,0,.12),inset 0 0 0 1px hsla(var(--primary),0.25); }
.recipe-card.expanded .recipe-tags .recipe-tag { animation:fade-in .35s ease; }
.recipe-meta { display:flex;align-items:center;gap:1rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:1rem; }
.meta-item { display:flex;align-items:center;gap:.25rem; }
.recipe-expanded { animation:fade-in .3s ease-out; }
.recipe-card:not(.expanded) .recipe-expanded { display:none; }
.recipe-card:not(.expanded) .recipe-tags { display:none; }
.ingredient-list { list-style:none;margin:0 0 1rem;padding:0; }
.ingredient-item { display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:.5rem; }
.ingredient-bullet { width:.25rem;height:.25rem;background-color:hsl(var(--primary));border-radius:50%; }
.recipe-link { display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));text-decoration:none;font-weight:500;transition:color .15s ease; }
.recipe-link:hover { color:hsla(var(--primary),0.8); }

/* Shopping List */
.list-toggle { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem; }
.list-toggle-left { display:flex;align-items:center;gap:1rem;flex-wrap:wrap; }
.bio-toggle-btn {
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem 1rem;
  background-color:hsla(var(--primary-glow),0.1);
  color:hsl(var(--primary-glow));
  border:2px solid hsla(var(--primary-glow),0.2);
  border-radius:.5rem;
  font-size:.875rem;
  font-weight:500;
  cursor:pointer;
  transition:all .2s ease;
}
.bio-toggle-btn:hover {
  background-color:hsla(var(--primary-glow),0.15);
  border-color:hsla(var(--primary-glow),0.3);
}
.bio-toggle-btn[data-bio-active="true"] {
  background-color:hsl(var(--primary-glow));
  color:white;
  border-color:hsl(var(--primary-glow));
}
.bio-toggle-btn .icon {
  width:1rem;
  height:1rem;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.toggle-buttons { display:flex;background-color:hsl(var(--muted));border-radius:.75rem;padding:.25rem; }
.toggle-btn { display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;background:none;margin-bottom:0; }
.toggle-btn { white-space:nowrap; }
.toggle-btn.active { background-color:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 2px 0 rgba(0,0,0,.05); }
.toggle-btn:not(.active){ color:hsl(var(--muted-foreground)); }
.toggle-btn:not(.active):hover { color:hsl(var(--foreground)); }
.shopping-list-card { background-color:hsl(var(--card));border-radius:1.5rem;padding:2rem;box-shadow:0 4px 20px -2px hsla(var(--primary),0.1); }
.space-y-4>*+*{margin-top:1rem;}
.space-y-8>*+*{margin-top:2rem;}
.space-y-3>*+*{margin-top:.75rem;}
.list-item { display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid hsl(var(--border));transition:opacity .15s ease; }
.list-item:last-child{border-bottom:none;}
.list-item.checked { opacity:.6; }
.checkbox { width:1.5rem;height:1.5rem;border:2px solid hsl(var(--muted-foreground));border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease; }
.checkbox.checked { background-color:hsl(var(--primary));border-color:hsl(var(--primary)); }
.checkbox:hover { border-color:hsl(var(--primary)); }
.item-content { flex:1; }
.item-name { font-weight:500;color:hsl(var(--foreground));display:flex;align-items:center;gap:.5rem;transition:all .15s ease; }
.item-name.checked { text-decoration:line-through;color:hsl(var(--muted-foreground)); }
.quantity-badge { background-color:hsla(var(--primary),0.2);color:hsl(var(--primary));padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600; }
.item-description { font-size:.875rem;color:hsl(var(--muted-foreground)); }

/* Recipe toggle & list */
.recipe-toggle { 
  display:inline-block;
  margin-left:.5rem;
  padding:.125rem .5rem;
  background-color:hsla(var(--primary),0.1);
  color:hsl(var(--primary));
  text-decoration:none;
  font-size:.75rem;
  font-weight:500;
  border-radius:.375rem;
  transition:background-color .15s ease;
  cursor:pointer;
}
.recipe-toggle:hover { 
  background-color:hsla(var(--primary),0.2);
  color:hsl(var(--primary));
  text-decoration:none;
}
.recipe-toggle.active {
  background-color:hsla(var(--primary),0.2);
}
.recipe-list {
  display:none;
  margin:.5rem 0 0;
  padding:.5rem 0 0 1rem;
  list-style:none;
}
.recipe-list.show {
  display:block;
  animation:fade-in .2s ease-out;
}
.recipe-list li {
  padding:.25rem 0;
  font-size:.75rem;
  color:hsl(var(--muted-foreground));
  position:relative;
  padding-left:1rem;
}
.recipe-list li:before {
  content:"•";
  position:absolute;
  left:0;
  color:hsl(var(--primary));
  font-weight:bold;
}
.item-price { font-weight:600;color:hsl(var(--foreground));transition:all .15s ease; }
.item-price.checked { text-decoration:line-through;color:hsl(var(--muted-foreground)); }
.price-breakdown { display:flex;flex-direction:column;align-items:flex-end;gap:.125rem; }
.unit-price { font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:400; }
.total-price { font-weight:600;color:hsl(var(--foreground)); }

/* Categorized */
.category-section { margin-bottom:2rem; }
.category-title { font-size:1.125rem;font-weight:600;color:hsl(var(--primary));margin:0 0 1rem;display:flex;align-items:center;gap:.5rem; }
.category-item { display:flex;align-items:center;gap:1rem;padding:.5rem 0;transition:opacity .15s ease; }
.category-item.checked { opacity:.6; }
.category-checkbox { width:1.25rem;height:1.25rem;border:2px solid hsl(var(--muted-foreground));border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease; }
.category-checkbox.checked { background-color:hsl(var(--primary));border-color:hsl(var(--primary)); }
.category-checkbox:hover { border-color:hsl(var(--primary)); }

/* Basic items */
.basic-items-section { margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border)); }
.basic-items-toggle { width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:1rem;background:none;border:none;cursor:pointer;padding:0; }
.basic-items-title { font-size:1.125rem;font-weight:600;color:hsl(var(--muted-foreground));margin:0; }
.basic-items-arrow { width:1.25rem;height:1.25rem;color:hsl(var(--muted-foreground));transition:transform .15s ease;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.basic-items-arrow.rotated { transform:rotate(90deg); }
.basic-items { display:none;animation:fade-in .3s ease-out; }
.basic-items.show { display:block; }
.basic-item { display:flex;align-items:center;gap:1rem;padding:.5rem 0; }
.basic-item-checkbox { width:1.25rem;height:1.25rem;border:2px solid hsl(var(--muted));background-color:hsla(var(--muted),0.2);border-radius:.25rem; }
.basic-item-name { flex:1;color:hsl(var(--muted-foreground)); }
.basic-item-status { font-size:.875rem;color:hsl(var(--muted-foreground)); }

/* Total */
.total-section { margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border));display:flex;justify-content:space-between;align-items:center; }
.total-label { font-size:1.125rem;font-weight:600;color:hsl(var(--foreground)); }
.total-section .total-price { font-size:1.125rem;font-weight:600;color:hsl(var(--foreground)); }

/* Footer */
.sticky-footer { position:fixed;bottom:0;left:0;right:0;background-color:hsla(var(--background),0.95);backdrop-filter:blur(16px);border-top:1px solid hsl(var(--border));padding:1rem;z-index:40; }
.footer-content { max-width:80rem;margin:0 auto;display:flex;gap:.75rem; }
.footer-btn { flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-weight:600;cursor:pointer;transition:all .3s ease; }
.footer-btn-secondary { background-color:hsl(var(--muted));color:hsl(var(--muted-foreground)); }
.footer-btn-secondary:hover { background-color:hsla(var(--muted),0.8);color:hsl(var(--foreground)); }
.footer-btn-primary { background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary-glow)));color:hsl(var(--primary-foreground));box-shadow:0 4px 6px -1px rgba(0,0,0,.1); }
.footer-btn-primary:hover { box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(-2px); }

/* Icons */
.icon { width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.icon-sm { width:1rem;height:1rem; }
.icon-xs { width:.75rem;height:.75rem; }

/* Animations */
@keyframes scale-in { from { transform:scale(.95);opacity:0;} to { transform:scale(1);opacity:1;} }
@keyframes fade-in { from { opacity:0;transform:translateY(10px);} to { opacity:1;transform:translateY(0);} }
.fade-in { animation:fade-in .3s ease-out; }

@media (max-width:640px){
  .recipe-card.expanded { grid-column:span 1; }
}

/* Recipe Replace Popup */
.recipe-replace-overlay { position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem; }
.recipe-replace-modal { background:#fff;width:100%;max-width:1000px;max-height:90vh;border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:scale-in .25s ease; }
.recipe-replace-close { position:absolute;top:.75rem;right:.75rem;background:none;border:0;font-size:1.75rem;line-height:1;color:#334e41;cursor:pointer; }
.recipe-replace-header { padding:1.25rem 1.5rem 1rem;border-bottom:1px solid hsl(var(--border)); }
.recipe-replace-header h2 { margin:0 0 .25rem;font-size:1.35rem; }
.recipe-replace-sub { margin:0;color:hsl(var(--muted-foreground));font-size:.85rem; }
.recipe-replace-body { padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem; }
.recipe-replace-search input { width:100%;padding:.65rem .85rem;border:1px solid hsl(var(--border));border-radius:.5rem;font-size:.9rem; }
.recipe-replace-filters { display:flex;flex-wrap:wrap;gap:.5rem; }
.recipe-replace-filters .filter-btn { padding:.4rem .9rem;border:1px solid hsl(var(--border));background:#fff;border-radius:2rem;font-size:.65rem;font-weight:600;text-transform:none;cursor:pointer;letter-spacing:.3px;color:#1f3b2e;transition:all .15s; }
.recipe-replace-filters .filter-btn:hover { border-color:hsl(var(--primary)); }
.recipe-replace-filters .filter-btn.active { background:hsl(var(--primary));color:#fff;border-color:hsl(var(--primary)); }
.recipe-replace-results { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem; }
.recipe-mini { border:1px solid hsl(var(--border));border-radius:.75rem;padding:.65rem;display:flex;flex-direction:column;gap:.45rem;position:relative;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.05);transition:box-shadow .18s,transform .18s,border-color .18s; }
.recipe-mini:hover { box-shadow:0 6px 18px -6px rgba(0,0,0,.15);transform:translateY(-2px);border-color:#bfd8cb; }
.recipe-mini-thumb { position:relative;width:100%;padding-top:60%;overflow:hidden;border-radius:.5rem;background:#f2f6f4; }
.recipe-mini-thumb img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.recipe-mini h4 { margin:.15rem 0 0;font-size:.9rem;line-height:1.2;font-weight:600;color:#1f2f26; }
.recipe-mini .meta { font-size:.6rem;color:hsl(var(--muted-foreground));display:flex;gap:.5rem;flex-wrap:wrap; }
.recipe-mini .tags { display:flex;flex-wrap:wrap;gap:.35rem; }
.recipe-mini .tag { background:#ecf7f1;color:#1f4d32;border-radius:14px;padding:3px 7px;font-size:.5rem;font-weight:600;letter-spacing:.3px; }
.recipe-mini .ings { font-size:.55rem;color:#3e5549;line-height:1.3;min-height:24px; }
.recipe-mini button.select-mini { margin-top:2px;background:#31814c;color:#fff;border:0;padding:.45rem .7rem;font-size:.6rem;border-radius:.35rem;cursor:pointer;font-weight:600;letter-spacing:.3px; }
.recipe-mini button.select-mini:hover { background:#286b3f; }
.recipe-replace-empty { text-align:center;padding:2rem .5rem;color:hsl(var(--muted-foreground));font-size:.85rem; }

/* Add Recipe Card (Plus Card) Styling */
.add-recipe-card {
  border: 2px dashed #d1d5db;
  border-radius: 1rem;
  background: rgba(249, 250, 251, 0.8);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 2rem 1rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.add-recipe-card:hover {
  border-color: hsl(var(--primary));
  background: rgba(243, 244, 246, 0.9);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px -8px rgba(0,0,0,0.2);
}

.add-recipe-card .plus-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, hsl(var(--muted)), hsl(var(--border)));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.add-recipe-card:hover .plus-icon {
  background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-glow)));
  transform: scale(1.1);
}

.add-recipe-card .plus-icon::before {
  content: '+';
  font-size: 24px;
  font-weight: 700;
  color: hsl(var(--muted-foreground));
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.add-recipe-card:hover .plus-icon::before {
  color: hsl(var(--primary-foreground));
}

.add-recipe-card .add-text {
  font-size: 0.9rem;
  color: hsl(var(--muted-foreground));
  font-weight: 600;
  transition: color 0.3s ease;
  line-height: 1.4;
}

.add-recipe-card:hover .add-text {
  color: hsl(var(--primary));
}