/* Stili Ultimi Posti - Desktop + Mobile (accordion) */

/* ----------- DESKTOP ----------- */
.updmc-container {
    width: 100%;
    margin: 20px 0;
}

.updmc-header,
.updmc-desktop {
    display: grid;
    grid-template-columns: 50% 30% 20%;
    padding: 12px 0;
    border-bottom: 1px solid #dcdcdc;
}

.updmc-header {
    font-weight: 700;
    font-size: 16px;
    color: #006bb3;
    border-bottom: 2px solid #006bb3;
}

.updmc-col-corso,
.updmc-col-date,
.updmc-col-btn {
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.updmc-col-date {
    justify-content: flex-start;
}

.updmc-col-btn {
    justify-content: flex-end;
}

.updmc-row:nth-child(odd) .updmc-desktop {
    background-color: #f8fcff;
}

.updmc-btn {
    background: #00A3FF;
    padding: 10px 18px;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.03em;
}

.updmc-btn:hover {
    opacity: 0.9;
}

/* ----------- MOBILE (accordion) ----------- */
@media (max-width: 1024px) {

    .updmc-header,
    .updmc-desktop {
        display: none !important;
    }

    .updmc-mobile {
        margin-bottom: 10px;
    }

    .updmc-accordion {
        width: 100%;
        padding: 14px 16px;
        text-align: left;
        background: #e9f6ff;
        border: 1px solid #c6e7ff;
        cursor: pointer;
        font-size: 18px;
        font-weight: 600;
        color: #006bb3;
        outline: none;
    }

    .updmc-accordion:after {
        content: '+';
        float: right;
        font-size: 18px;
        font-weight: 700;
    }

    .updmc-accordion.active:after {
        content: '-';
    }

    .updmc-panel {
        display: none;
        padding: 12px 16px 16px;
        border: 1px solid #c6e7ff;
        border-top: none;
        background: #ffffff;
    }

    .updmc-panel.show {
        display: block;
    }

    .updmc-mobile-date {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
    }

    .updmc-btn-mobile {
        display: inline-block;
        margin-top: 12px;
        padding: 10px 18px;
        background: #00A3FF;
        color: #ffffff;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.03em;
    }

    .updmc-btn-mobile:hover {
        opacity: 0.9;
    }
}