css/* Masquer les puces devant les champs personnalisés */
.com-content-article__field-list,
.fields-container ul,
.item-page .fields-container ul {
    list-style: none;
    padding-left: 0;
}

.com-content-article__field-list li,
.fields-container li {
    list-style: none;
}

/* Masquer l'icône de dossier */
.icon-folder-open.icon-fw {
    display: none;
}

/* Remplacer "Catégorie" par "Collection" */
.category-name::before {
    content: "Collection ";
}

.category-name {
    font-size: 0;
}

.category-name a {
    font-size: 1rem;
}

/* Masquer module contact UNIQUEMENT sur pages catégories */
.com-content-category-blog .mod-custom {
    display: none;
}

/* Masquer champs dans grille catégorie, garder uniquement prix */
.com-content-category-blog .com-content-article__field:not(.field-prix) {
    display: none;
}

/* Limiter hauteur description catégorie + bouton lire la suite */
.category-desc {
    max-height: 50px !important;
    overflow: hidden !important;
    position: relative;
    transition: max-height 0.3s ease;
}

.category-desc.expanded {
    max-height: 1000px !important;
}

.category-desc-toggle {
    display: block;
    text-align: center;
    margin: 1rem 0;
    color: #333;
    cursor: pointer;
    text-decoration: underline;
}

/* Cacher Statut, Année, Tranche de prix SEULEMENT dans la grille */
.blog-items .field-entry[class*="statut"],
.blog-items .field-entry[class*="annee"],
.blog-items .field-entry[class*="tranche"],
.items-row .field-entry[class*="statut"],
.items-row .field-entry[class*="annee"],
.items-row .field-entry[class*="tranche"] {
    display: none !important;
}

/* Dans l'article complet ouvert, ils restent visibles */
/* Système de filtrage des articles */

.collection-filters {
    background: #f8f8f8;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.filters-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    align-items: center;
}

.filter-group {
    display: flex;
    gap: 0.75rem 1.5rem;
    align-items: center;
}

.filter-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 0.4rem 0;
}

.filter-checkbox input[type="checkbox"] {
    margin-right: 0.5rem;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.filter-checkbox span {
    font-size: 0.9rem;
    color: #555;
}

.filter-checkbox:hover span {
    color: #000;
}

.filter-checkbox input[type="checkbox"]:checked + span {
    font-weight: 600;
    color: #000;
}

.filter-reset {
    background: transparent;
    color: #666;
    border: none;
    padding: 0.5rem 0;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
    white-space: nowrap;
    text-decoration: underline;
}

.filter-reset:hover {
    color: #000;
}

.filter-results {
    text-align: right;
}

.filter-results span {
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .filters-row {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    
    .filters-row[style*="justify-content"] {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .filter-group {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .filter-results {
        text-align: left;
    }
}

/* Animation de transition pour les articles */
.item, article {
    transition: opacity 0.3s ease;
}

.item[style*="display: none"], 
article[style*="display: none"] {
    opacity: 0;
}

/* Forcer l'affichage du logo */
.brand-logo .logo {
    height: 60px !important;
    width: auto !important;
    max-width: 350px !important;
}