/* ==========================================================
   PERSONALIZZAZIONE PHOCA GALLERY
   Miglioramento layout categorie
   ========================================================== */

/* Maggiore spazio tra le miniature */
.pg-categories-items-box,
.pg-category-items-box {
    gap: 1.2em;
}

/* Maggiore respiro attorno ad ogni miniatura */
.pg-item-box,
.pg-category-box {
    padding: 1em;
}

/* Titolo leggermente più piccolo e compatto */
.pg-item-box-title,
.pg-category-box-title {
    font-size: 0.95rem;
    line-height: 1.25;
    font-weight: 600;
    margin-top: 0.35em;
}

/* Cartelline tutte della stessa dimensione */
.ph-si-category,
.ph-si-tab {
    width: 0em;
    height: 0em;
}

/* Ombra più morbida e moderna */
.pg-category-box-image img,
.pg-item-box-image img,
.pg-detail-item-image-box img {
    border-radius: 3px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .18);
}


/* Leggero effetto hover */
.pg-item-box,
.pg-category-box {
    transition: transform .25s ease, box-shadow .25s ease;
}

.pg-item-box:hover,
.pg-category-box:hover {
    transform: translateY(-3px);
}

/* Evita che i titoli molto lunghi occupino troppo spazio */
.pg-item-box-title a,
.pg-category-box-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
}