@import url('templedit.css');

/* ====================================================
   FIX MOBILE: Lista oggetti didattici del corso
   Corregge la sovrapposizione dei nomi lunghi
   ==================================================== */
@media screen and (max-width: 767px) {
    /* Tabella oggetti: permetti wrapping delle righe */
    .panel-treeview .table,
    .panel-treeview .table td,
    .panel-treeview .table th {
        word-break: break-word;
        white-space: normal;
    }

    /* Colonna icona tipo (prima): larghezza minima fissa */
    .panel-treeview .table td:first-child {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        padding: 8px 4px;
    }

    /* Colonna nome (centrale): lascia crescere senza limite */
    .panel-treeview .table td:nth-child(2) {
        padding: 8px 6px;
        line-height: 1.4;
    }

    /* Colonna stato (ultima): larghezza minima fissa, testo centrato */
    .panel-treeview .table td:last-child {
        width: 36px;
        min-width: 36px;
        text-align: center;
        padding: 8px 4px;
    }

    /* Evita che la tabella esca fuori dal contenitore */
    .panel-treeview {
        overflow-x: hidden;
    }
    .panel-treeview .table {
        table-layout: fixed;
        width: 100%;
    }
}

/* ====================================================
   Modal SCORM: Bottone Chiudi nella navbar del modal
   ==================================================== */
#close_handler {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Bottone Chiudi aggiuntivo e visibile - iniettato via JS */
#scorm-modal-close-btn {
    position: absolute;
    top: 8px;
    right: 56px; /* affianco alla X già esistente */
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 4px 14px;
    font-size: 13px;
    cursor: pointer;
    z-index: 99999;
    transition: background 0.2s;
}
#scorm-modal-close-btn:hover {
    background: rgba(255,255,255,0.3);
}