/* Панель действий рецепта: один главный CTA, доступные цели касания. */
.recipe-actionbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 68px; padding-top: 10px; padding-bottom: 10px; }
.recipe-actionbar > * { min-width: 0; }
.recipe-favorite { flex: 0 0 auto; }
.recipe-favorite button, .recipe-favorite a, .recipe-tools > a, .recipe-tools button { min-height: 44px; }
.recipe-more { flex: 1 1 0; }
.recipe-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.recipe-more-toggle, .recipe-menu-label { display: none; }
.recipe-action-spacer { flex: 1; }
.recipe-action-divider { width: 1px; height: 24px; background: var(--color-border-light); }
.recipe-cooking-entry { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 48px; padding: 12px 18px; border-radius: 12px; background: var(--color-accent-berry-dark); color: white; font-size: .875rem; font-weight: 600; line-height: 1.4; text-align: center; }
.recipe-cooking-entry svg { flex: 0 0 16px; width: 16px; height: 16px; }
.recipe-cooking-entry:hover { background: var(--color-accent-berry); }
.recipe-jump { display: inline-flex; align-items: center; gap: 6px; padding: 10px 8px; color: var(--color-text-soft); font-size: .875rem; white-space: nowrap; }
.recipe-actionbar :focus-visible { outline: 3px solid var(--color-primary-green-dark); outline-offset: 3px; }

/* На планшете освобождаем место до появления тесноты в панели. */
@media (min-width: 768px) and (max-width: 1279px) {
  .recipe-actionbar .recipe-action-label, .recipe-favorite span { display: none; }
  .recipe-actionbar button, .recipe-favorite a { min-width: 44px; padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 767px) {
  .recipe-actionbar { gap: 8px; }
  .recipe-cooking-entry { flex: 1 1 auto; order: 0; padding-left: 10px; padding-right: 10px; }
  .recipe-favorite { order: 1; margin-left: auto; }
  .recipe-favorite button, .recipe-favorite a { width: 44px; height: 48px; padding: 0; justify-content: center; }
  .recipe-favorite span { display: none; }
  .recipe-more { flex: 0 0 44px; order: 2; }
  .recipe-more-toggle { display: flex; align-items: center; justify-content: center; width: 44px; min-height: 48px; border-radius: 12px; background: var(--color-surface-muted); color: var(--color-text-soft); }
  .recipe-tools { display: none; position: absolute; top: calc(100% - 4px); right: 16px; width: min(280px, calc(100vw - 32px)); padding: 8px; border: 1px solid var(--color-border-light); border-radius: 16px; background: var(--color-bg-alt); box-shadow: 0 8px 28px #2c2c2c18; }
  .recipe-tools.is-open { display: flex; flex-direction: column; align-items: stretch; }
  .recipe-tools > div.flex { flex-direction: column; align-items: stretch; gap: 4px; }
  .recipe-tools button, .recipe-tools > a { justify-content: flex-start; gap: 10px; width: 100%; padding: 10px 12px; font-size: .875rem; }
  .recipe-tools .recipe-action-label, .recipe-menu-label { display: inline; }
  .recipe-action-spacer, .recipe-action-divider { display: none; }
}

/* На самом узком экране сохраняем место для текста и двух соседних кнопок. */
@media (max-width: 359px) {
  .recipe-cooking-entry svg { display: none; }
}