/* Compuzone - albero delle categorie nella colonna di sinistra (ps_categorytree)
 * ALS Informatica, 2026-10-06
 *
 * L'albero esce gia' aperto (template del tema in overlay) e mostra dove si e':
 * - .in-percorso = categorie madri della categoria corrente: grassetto;
 * - .corrente    = categoria della pagina, o del prodotto: grassetto lilla.
 * Le classi le mette il template themes/hummingbird/modules/ps_categorytree/.../ps_categorytree.tpl.
 *
 * Il colore "active" del tema (.category-tree__item.active) qui e' spento: il JS di Hummingbird
 * lo calcola leggendo aria-expanded prima che Bootstrap lo cambi, quindi con l'albero aperto
 * colorerebbe le voci appena chiuse, confondendosi con la categoria corrente.
 *
 * Nella scheda prodotto (layout a colonna sinistra dal 2026-10-06), sul telefono l'albero va
 * sotto il prodotto: prima foto, prezzo e carrello.
 */
.ps-categorytree .category-tree__item .category-tree__item-header .category-tree__item-link { color: var(--bs-body-color); }
.ps-categorytree .category-tree__item .category-tree__item-header .category-tree__item-link:hover { color: var(--bs-link-hover-color); }
.ps-categorytree .category-tree__item .category-tree__item-header .category-tree__item-link.in-percorso { font-weight: 600; }
.ps-categorytree .category-tree__item .category-tree__item-header .category-tree__item-link.corrente { font-weight: 700; color: #7B619C; }

@media (max-width: 767.98px) {
.page-product #left-column { order: 2; }
}