/* =========================================================
   MON CARNET GOURMAND
   V1.2.0.3 — LIGNES SIMPLES DES INGRÉDIENTS
   ========================================================= */

.ingredient-row {
    padding: 11px;
    position: relative;
    border: 1px solid rgba(111, 64, 44, 0.1);
    border-radius: 17px;
    display: grid;
    grid-template-columns:
        84px
        126px
        minmax(0, 1fr)
        40px;
    align-items: start;
    gap: 9px;
    background: rgba(255, 250, 242, 0.8);
}

.ingredient-quantity,
.ingredient-unit,
.ingredient-name {
    min-height: 47px;
}

.ingredient-row .form-control {
    padding: 11px 12px;
}

.ingredient-unit {
    padding-right: 32px;
    cursor: pointer;
}

@media (max-width: 480px) {
    .ingredient-row {
        grid-template-columns:
            88px
            minmax(0, 1fr)
            38px;
        gap: 8px;
        padding: 9px;
    }

    .ingredient-quantity {
        grid-column: 1;
        grid-row: 1;
    }

    .ingredient-unit {
        grid-column: 2;
        grid-row: 1;
    }

    .ingredient-row >
    .remove-row-button {
        grid-column: 3;
        grid-row: 1;
    }

    .ingredient-name {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}