/* Ajustes compartilhados de usabilidade e consistência para telas pequenas. */
.user-course-card__summary {
    display: block;
}

.user-course-card__summary::after,
.user-course-progress-row::after {
    display: table;
    clear: both;
    content: "";
}

.user-course-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.user-course-action--primary,
.user-course-action--cart {
    background: #000;
    color: #fff !important;
}

.user-course-action--reactivate {
    background: #f6ce6b;
    color: #000 !important;
}

.user-course-expired-message {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 8px 14px;
    border-radius: 5px;
    background: #5fd22f;
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}

.user-course-expired-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 767px) {
    footer .social_footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    footer .social_main {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
        max-width: 100%;
        width: 100%;
    }

    footer .social_icon a {
        margin-right: 0;
    }

    input.form-control:not([type="checkbox"]):not([type="radio"]),
    select.form-control {
        min-height: 44px;
    }

    textarea.form-control {
        min-height: 88px;
    }

    .filter_inputs {
        max-width: 100%;
        min-height: 44px;
        margin-bottom: 10px;
    }

    .home-news .form-control,
    .footer-news .form-control {
        min-height: 44px;
        margin: 0 0 10px;
    }

    .home-news .home-news-span,
    .footer-news h4 {
        display: block;
        margin-bottom: 10px;
    }

    .button-add-in-cart-home,
    .buttonBuyHome {
        min-height: 44px;
    }

    .button-add-in-cart-home {
        margin-bottom: 10px;
    }

    .btn-login-click,
    .btn-login-facebook,
    .btn-login-google {
        min-height: 44px;
        margin-bottom: 10px;
    }

    #filterForm .div_text-right {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #filterForm .filter_inputs {
        width: 100%;
        margin: 0;
    }

    .course-page-buttons .btn,
    .course-page-buttons button,
    .cart-resume .btn-checkout,
    .cupon-form button,
    .cupon-form-plans button {
        min-height: 44px;
    }

    #panel-header {
        width: 100% !important;
        min-width: 0;
    }

    #panel-header #content {
        min-width: 0;
        padding: 15px;
    }

    #panel-header #content > .navbar {
        min-height: 44px;
        margin-bottom: 12px;
    }

    #panel-header #sidebarCollapse {
        min-width: 44px;
        min-height: 44px;
    }

    #panel-header .box-title .row > [class*="col-"] {
        float: none;
        width: 100%;
    }

    #panel-header .box-title h2 {
        margin: 8px 0 12px;
        font-size: 28px;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    #panel-header .box-title form,
    #panel-header .box-title .input-group {
        width: 100%;
    }

    #panel-header .btn:not(.close),
    #panel-header .btn-sm,
    #panel-header form > button[type="submit"],
    #panel-header input[type="submit"],
    #panel-header input[type="button"],
    #panel-header .button_style,
    #panel-header .btn-card-plan {
        min-height: 44px;
    }

    #panel-header td > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 0 !important;
    }

    #panel-header .box-w-shadow {
        max-width: 100%;
        margin-top: 16px;
    }

    .user-course-card {
        gap: 16px !important;
    }

    .user-course-card .text-left {
        height: auto !important;
    }

    .user-course-progress-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        width: 100%;
    }

    .user-course-progress-row > [class*="col-"],
    .user-course-expired {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .user-course-progress .progress {
        margin: 0;
    }

    .user-course-primary-action,
    .user-course-expired,
    .user-course-expired-actions {
        text-align: initial;
    }

    .user-course-primary-action .user-course-action,
    .user-course-expired > .user-course-action,
    .user-course-expired-actions .user-course-action,
    .user-course-expired-message {
        width: 100%;
    }

    .user-course-expired > hr {
        margin: 14px 0;
    }

    .user-course-expired-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
}