/* Class applied to all uktrade list with actions components */
.govuk-summary-list.uktrade-list-with-actions-no-value {
    .govuk-summary-list__row {
        .govuk-summary-list__key {
            font-weight: normal;
            width: 58%;
        }
    }
}

/* Extra class to extend the width of the key (shortening the actions as there are none) */
.govuk-summary-list.uktrade-list-with-actions-no-actions {
    .govuk-summary-list__row {
        .govuk-summary-list__key {
            width: 90%;
        }

        .govuk-summary-list__actions {
            width: 0;
        }
    }
}


/* Extra class to extend the width of the actions */
.govuk-summary-list.uktrade-list-with-actions-actions-width-40 {
    .govuk-summary-list__row {
        .govuk-summary-list__actions {
            width: 40%;
            text-align: right;

            .govuk-summary-list__actions-list-item:not(:first-child) {
                padding-top: 4px;
                border: 0;
            }
        }
    }
}

/* Extra class to remove the border of the actions when stacked vertically */
.govuk-summary-list__actions-vertical {
    .govuk-summary-list__actions-list {
        .govuk-summary-list__actions-list-item {
            padding-top: 4px;
            border: none !important;
        }
    }
}

@media (max-width: 64em) {
    .govuk-summary-list__actions-vertical {
        width: 30%;
    }
}

@media (max-width: 40em) {
    .govuk-summary-list__actions-vertical {
        width: 100%;
    }
    .govuk-summary-list__actions-list {
        .govuk-summary-list__actions-list-item {
            display: block;
        }
    }
}