/* ==========================================================
   PULZ – PŘEHLED TVOŘIVÉHO NÁVODU
   Věk / čas / obtížnost / pomůcky
   ========================================================== */

body.type-post .pulz-navod-info {
    margin: 28px 0 32px;
    padding: 18px;

    background: #f7f7f7;
    border-radius: 10px;
}


/* Věk + čas + obtížnost */

body.type-post .pulz-navod-parametry {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.type-post .pulz-navod-parametr {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    min-width: 0;
}


/* Ikony */

body.type-post .pulz-navod-ikona {
    flex: 0 0 auto;

    font-size: 20px;
    line-height: 1.2;
}

body.type-post .pulz-navod-parametr > div,
body.type-post .pulz-navod-pomucky > div {
    min-width: 0;
}


/* Popisky a hodnoty */

body.type-post .pulz-navod-info strong {
    display: block;

    margin-bottom: 3px;

    font-size: 13px;
    line-height: 1.3;
}

body.type-post .pulz-navod-info strong + span {
    display: block;

    font-size: 13px;
    line-height: 1.45;
}


/* Pomůcky */

body.type-post .pulz-navod-pomucky {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    margin-top: 16px;
    padding-top: 15px;

    border-top: 1px solid #ddd;
}


/* ==========================================================
   MOBIL
   ========================================================== */

@media (max-width: 767px) {

    body.type-post .pulz-navod-info {
        padding: 16px;
    }

    body.type-post .pulz-navod-parametry {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    body.type-post .pulz-navod-pomucky {
        margin-top: 15px;
    }

    body.type-post .pulz-navod-info strong,
    body.type-post .pulz-navod-info strong + span {
        font-size: 14px;
    }
}