/*
 * COP Academy — Sidebar Quicklinks: dimensioni e spaziature loghi
 * ================================================================
 * Modifica questo file per personalizzare autonomamente ogni logo
 * nella sidebar laterale (toggle-sidebar / tgsdb-quicklinks).
 *
 * COME FUNZIONA LA STRUTTURA MB2NL
 * ─────────────────────────────────
 * Ogni elemento della sidebar è un .tgsdb-item all'interno di
 * .tgsdb-quicklinks. Puoi selezionarli per posizione con :nth-child()
 * oppure aggiungere una classe personalizzata dal backend Moodle.
 *
 * Selettori utili:
 *
 *   Tutti i loghi:
 *     .tgsdb-quicklinks .tgsdb-item
 *
 *   Solo il 1° logo:
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(1)
 *
 *   Solo il 2° logo:
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(2)
 *
 *   Solo il 3° logo:
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(3)
 *
 *   ... e così via per ogni logo aggiuntivo.
 *
 *   L'immagine/icona dentro ogni item:
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(N) img
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(N) .tgsdb-icon
 *
 *   Il testo/titolo sotto l'icona:
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(N) .tgsdb-label
 *     .tgsdb-quicklinks .tgsdb-item:nth-child(N) .tgsdb-name
 *
 * PROPRIETÀ COMUNI DA MODIFICARE
 * ──────────────────────────────
 *   width / height        → larghezza e altezza
 *   padding               → spazio interno
 *   margin                → spazio esterno
 *   object-fit: contain   → mantiene le proporzioni dell'immagine
 *   border-radius         → arrotondamento angoli
 *   background-color      → sfondo del singolo item
 */


.tgsdb-section.tgsdb-toc .coursetoc-search input {
    padding-left:32px;

}
.tgsdb-quicklinks .item-frontpage {
    display: none;
}

.tgsdb-quicklinks .item-courses {
    display: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   RESET GLOBALE — valori base per tutti i loghi
   Modifica qui per cambiare tutti i loghi in un colpo solo
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item img,
.tgsdb-quicklinks .tgsdb-item .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 1 — primo elemento della sidebar
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(1) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
    /* background-color: transparent; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(1) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(1) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(1) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(1) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */   /* ← decommentare per nascondere il titolo */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 2 — secondo elemento della sidebar
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(2) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(2) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(2) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(2) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(2) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 3 — terzo elemento della sidebar
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(3) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(3) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(3) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(3) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(3) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 4 — quarto elemento della sidebar
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(4) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(4) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(4) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(4) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(4) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 5 — quinto elemento della sidebar
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(5) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(5) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(5) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(5) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(5) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */
}


/* ═══════════════════════════════════════════════════════════════════════════
   LOGO 6 — sesto elemento (aggiungi altri blocchi se ne hai di più)
   ═══════════════════════════════════════════════════════════════════════════ */

.tgsdb-quicklinks .tgsdb-item:nth-child(6) {
    /* padding: 8px; */
    /* margin-bottom: 4px; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(6) img,
.tgsdb-quicklinks .tgsdb-item:nth-child(6) .tgsdb-icon {
    /* width: 48px; */
    /* height: 48px; */
    /* object-fit: contain; */
}

.tgsdb-quicklinks .tgsdb-item:nth-child(6) .tgsdb-label,
.tgsdb-quicklinks .tgsdb-item:nth-child(6) .tgsdb-name {
    /* font-size: 11px; */
    /* display: none; */
}