/* Diet area (diet_plan, diet_therapies, homemade_health_mix, herbs_and_vitamin_regimen, complementary_wellbeing_hub).
   Only diet- prefixed classes; colours come from css/tokens.css variables. */

.diet-safety { margin-block: var(--space-3); }
.diet-h { margin-block: var(--space-4) var(--space-2); font-size: 0.85rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-soft); }
.diet-block { display: block; }
.diet-badge { display: inline-block; padding: var(--space-1) var(--space-3); border-radius: var(--radius-s); background: var(--sand-deep); color: var(--ink-soft); font-weight: 600; }
.diet-note { margin: 0; padding: var(--space-2) var(--space-3); border-inline-start: 3px solid var(--sage); background: var(--sand); color: var(--ink-soft); border-radius: var(--radius-s); }
.diet-pre { white-space: pre-line; overflow-wrap: anywhere; }

/* one day of a 7-day plan */
.diet-day { margin: var(--space-3) 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--outline-soft); border-radius: var(--radius); background: var(--card); min-width: 0; }
.diet-day > legend { padding-inline: var(--space-2); font-weight: 600; color: var(--plum-deep); }
.diet-fields { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.diet-fields .field { min-width: 0; }

.diet-select, .diet-input {
  width: 100%; max-width: 100%; min-height: 44px; padding: var(--space-2) var(--space-3); box-sizing: border-box;
  font: inherit; color: var(--ink); background: var(--cream); border: 1px solid var(--outline); border-radius: var(--radius-s);
}
.diet-input { flex: 1 1 200px; width: auto; }

/* dish and ingredient lists */
.diet-list { list-style: none; margin: var(--space-2) 0; padding: 0; display: grid; gap: var(--space-2); }
.diet-dish { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--outline-soft); border-radius: var(--radius-s); background: var(--cream); }
.diet-dish-name { flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; }
.diet-sign { padding: var(--space-2) 0; border-bottom: 1px solid var(--outline-soft); }
.diet-sign:last-child { border-bottom: 0; }

/* health mix checklist */
.diet-checks { display: grid; gap: var(--space-2); }
.diet-check { display: flex; align-items: flex-start; gap: var(--space-3); min-height: 44px; padding: var(--space-2) var(--space-3); border: 1px solid var(--outline-soft); border-radius: var(--radius-s); background: var(--cream); cursor: pointer; }
.diet-check input { flex: none; width: 24px; height: 24px; margin-top: 2px; accent-color: var(--plum); }
.diet-steps p { margin: var(--space-2) 0; overflow-wrap: anywhere; }

.diet-slots { display: grid; gap: var(--space-3); }

/* print-only summary: hidden on screen, shown when printing */
.diet-print { display: none; }
.diet-table { width: 100%; border-collapse: collapse; margin-block: var(--space-3); }
.diet-table th, .diet-table td { padding: var(--space-2); border: 1px solid var(--outline); text-align: start; vertical-align: top; }
.diet-table thead th { background: var(--sand-deep); }

@media print {
  .diet-print { display: block !important; }
  .diet-day { display: none !important; } /* the table in .diet-print replaces the select boxes */
  .diet-check, .diet-dish { break-inside: avoid; }
}