/* CUIRecipeCard - mirrors cui_recipe_card.dart. Variants: vertical (photo above title, width = photo) |
   horizontal (photo beside title + prep/cook time row, optional trailing action and tag). Tappable, no visual press state. */
.cui-recipe-card { --_photo: var(--cui-img-lg); --_gap: var(--cui-space-md); --_title-gap: var(--cui-space-xs); --_icon-gap: var(--cui-space-2xs);
  box-sizing: border-box; cursor: pointer; color: var(--cui-color-text-default); -webkit-tap-highlight-color: transparent; }
.cui-recipe-card__photo { flex: none; box-sizing: border-box; width: var(--_photo); height: var(--_photo);
  border-radius: var(--cui-radius-pill); background: var(--cui-color-surface-bg-sunken); box-shadow: var(--cui-shadow-md); overflow: hidden; }
.cui-recipe-card__title { margin: 0; color: var(--cui-color-text-default);
  font-family: var(--cui-type-body-md-family); font-size: var(--cui-type-body-md-size); font-weight: var(--cui-type-body-md-weight);
  letter-spacing: var(--cui-type-body-md-spacing); line-height: round(var(--cui-type-body-md-line), 1px); }

/* vertical */
.cui-recipe-card--vertical { display: flex; flex-direction: column; align-items: center; width: 100%; min-width: var(--_photo); }
.cui-recipe-card--vertical .cui-recipe-card__title { margin-top: var(--_gap); text-align: center; width: 100%;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* horizontal */
.cui-recipe-card--horizontal { display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
.cui-recipe-card__tag { display: flex; margin-bottom: var(--_title-gap); }
.cui-recipe-card__row { display: flex; align-items: center; width: 100%; min-width: 0; }
.cui-recipe-card__details { flex: 1; min-width: 0; margin-left: var(--_gap); display: flex; flex-direction: column; align-items: flex-start; }
.cui-recipe-card--horizontal .cui-recipe-card__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cui-recipe-card__times { display: flex; align-items: center; min-width: 0; max-width: 100%; margin-top: var(--_title-gap); gap: var(--_icon-gap);
  font-family: var(--cui-type-code-sm-family); font-size: var(--cui-type-code-sm-size); font-weight: var(--cui-type-code-sm-weight);
  letter-spacing: var(--cui-type-code-sm-spacing); line-height: round(var(--cui-type-code-sm-line), 1px); }
.cui-recipe-card__time { display: flex; align-items: center; gap: var(--_icon-gap); min-width: 0; }
.cui-recipe-card__time > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cui-recipe-card__time .cui-icon { width: var(--cui-size-icon-sm); height: var(--cui-size-icon-sm); font-size: var(--cui-size-icon-sm); }
.cui-recipe-card__action { flex: none; margin-left: var(--_gap); }