/* =========================================================
   MON CARNET GOURMAND
   V1.4.0.2.6 — SOUS-PRÉPARATIONS ET ÉTAPES STRUCTURÉES
   ========================================================= */

/* APERÇU DE L’ANALYSE */

.recipe-analysis-step-section,
.recipe-detail-step-section {
    list-style: none;
    margin:
        13px
        0
        2px;
    padding: 10px 12px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--color-brown-dark);
    background:
        linear-gradient(
            135deg,
            rgba(232, 238, 227, 0.94),
            rgba(255, 255, 255, 0.86)
        );
    box-shadow:
        inset 0 0 0 1px
        rgba(125, 146, 112, 0.12);
}

.recipe-analysis-step-section:first-child,
.recipe-detail-step-section:first-child {
    margin-top: 0;
}

.recipe-analysis-step-section > span,
.recipe-detail-step-section > span {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.78);
    font-size: 15px;
}

.recipe-analysis-step-section strong,
.recipe-detail-step-section strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 16px;
    line-height: 1.2;
}

/* FORMULAIRE */

.step-section-label {
    margin:
        14px
        0
        1px;
    padding: 10px 12px;
    border: 1px solid rgba(125, 146, 112, 0.15);
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--color-brown-dark);
    background:
        linear-gradient(
            135deg,
            rgba(232, 238, 227, 0.88),
            rgba(255, 255, 255, 0.8)
        );
}

.step-section-label:first-child {
    margin-top: 0;
}

.step-section-label > span {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.78);
    font-size: 14px;
}

.step-section-label strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;
    font-size: 15px;
    line-height: 1.2;
}

@media (max-width: 390px) {
    .recipe-analysis-step-section,
    .recipe-detail-step-section,
    .step-section-label {
        padding:
            9px
            10px;
    }
}