/* CSS for recipe view ingredients and buttons */

/* Recipe container and text */
.recipeMainViewText {
    padding: 0 0.0rem;
}

.recipeFullViewLink {
    text-decoration: none;
    color: black;
}

/* Ingredient spans - common styles */
.ingredientsInMainView {
    margin: 1px;
    white-space: nowrap;
    padding: 0 8px;
    line-height: 1.4;
    font-size: 0.9em;
    vertical-align: middle;
    border-radius: 4px;
    display: inline-block;
}

/* Ingredient container with action buttons - override display and adjust padding */
.ingredientContainer {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 4px;
    margin: 1px;
    white-space: nowrap;
    line-height: normal;
}

/* Ingredient name text */
.ingredient-name {
    line-height: normal;
}

/* Ingredient action buttons - modern icon buttons */
.ingredient-action-btn {
    font-size: 16px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s ease;
    padding: 0 1px;
    line-height: 1;
    vertical-align: middle;
}

.ingredient-action-btn:hover {
    opacity: 1.0;
}

/* Recipe container bottom border */
.recipeMainViewBottomBorder {
    border-bottom: 1px solid #2332;
}

/* Delete button cursor */
.recipeDeleteButton {
    cursor: pointer;
}

/* Recipe ingredient list */
.recipeMainViewrecipeIngredientListEncoded {
    margin: 5px 0;
}