/**
 * Filtres ACF pour le Portfolio Salient
 * Sidebar à gauche avec listes Marques, Type, Énergie, Places
 */

.levels-lc-portfolio-with-filters {
    --levels-lc-portfolio-img-zoom: 1.06;
    --levels-lc-portfolio-img-zoom-dur: 0.78s;
    --levels-lc-portfolio-img-zoom-ease: cubic-bezier(0.22, 1, 0.36, 1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
}

/* Filtres à gauche, grille à droite */
.levels-lc-portfolio-with-filters__sidebar {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
    order: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
}

.levels-lc-portfolio-with-filters__main {
    flex: 1 1 60%;
    min-width: 0;
    order: 2;
    max-width: 100%;
}

/* Tri : liste déroulante en haut à droite de la grille */
.levels-lc-portfolio-grid-toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    margin-bottom: 1rem;
}


@media (max-width: 1025px) {
    .levels-lc-portfolio-grid-toolbar {
        margin-top: -78px !important;
    }
}

.levels-lc-portfolio-sort-label {
    display: none !important;
}
.levels-lc-portfolio-sort-select {
    min-width: 11rem;
    max-width: 100%;
}
.levels-lc-portfolio-grid-body {
    min-width: 0;
}

.levels-lc-portfolio-grid-toolbar .select2-container{
    border: 1px #FFF solid;
    border-radius: 5px;
}

.levels-lc-portfolio-grid-toolbar .fancy-select-wrap { padding: 0 !important; }

.levels-lc-portfolio-grid-toolbar .select2-container .select2-selection,
.levels-lc-portfolio-grid-toolbar .select2-container--default.select2-container--open .select2-selection--single { 
    background-color: transparent !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
}

/* Assurer que la grille portfolio affiche bien 2/3/4 colonnes selon le layout */
/* Override Salient qui force width:100% sur tablette/mobile - on garde les colonnes */
/* Pas de gap sur le conteneur : on utilise margin-right/margin-bottom sur les items pour un alignement
   cohérent (premier élément de chaque ligne toujours collé au bord gauche, pas de gap fantôme à gauche). */
.levels-lc-portfolio-with-filters__main .portfolio-items.row {
    display: flex;
    flex-wrap: wrap;
}

/* 2 colonnes (span_6) - marge à droite et en bas, pas à gauche */
@media (min-width: 600px) {
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_6 {
        width: calc((100% - 30px) / 2) !important;
        max-width: calc((100% - 30px) / 2) !important;
        flex: 0 0 calc((100% - 30px) / 2) !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 30px !important;
        margin-bottom: 30px !important;
    }
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_6:nth-child(2n) {
        margin-right: 0 !important;
    }
}

/* 3 colonnes (span_4) - marge à droite et en bas */
@media (min-width: 768px) {
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_4 {
        width: calc((100% - 60px) / 3) !important;
        max-width: calc((100% - 60px) / 3) !important;
        flex: 0 0 calc((100% - 60px) / 3) !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 30px !important;
        margin-bottom: 30px !important;
    }
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_4:nth-child(3n) {
        margin-right: 0 !important;
    }
}

/* 4 colonnes (span_3) - marge à droite et en bas */
@media (min-width: 900px) {
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_3 {
        width: calc((100% - 90px) / 4) !important;
        max-width: calc((100% - 90px) / 4) !important;
        flex: 0 0 calc((100% - 90px) / 4) !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 30px !important;
        margin-bottom: 30px !important;
    }
    .levels-lc-portfolio-with-filters__main .portfolio-items .col.span_3:nth-child(4n) {
        margin-right: 0 !important;
    }
}

/* Desktop : min-width sur le conteneur principal */
@media (min-width: 1025px) {
    .levels-lc-portfolio-with-filters__main {
        min-width: 600px;
    }
}

/* Masquer les filtres Salient (portfolio-filters) */
.levels-lc-portfolio-with-filters .portfolio-filters,
.levels-lc-portfolio-with-filters .portfolio-filters-inline {
    display: none !important;
}

/* Zoom image des cartes : wrapper dédié pour éviter les transform inline de Salient. */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-photo {
    overflow: hidden;
    position: relative;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-photo-scale {
    display: block;
    width: 100%;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: center center;
    transition: transform var(--levels-lc-portfolio-img-zoom-dur) var(--levels-lc-portfolio-img-zoom-ease) !important;
    will-change: transform;
    backface-visibility: hidden;
}

.levels-lc-portfolio-with-filters .work-item:hover .levels-lc-portfolio-card-photo-scale {
    transform: translate3d(0, 0, 0) scale(var(--levels-lc-portfolio-img-zoom)) !important;
}

@media (prefers-reduced-motion: reduce) {
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-card-photo-scale {
        transition: none !important;
        will-change: auto;
    }

    .levels-lc-portfolio-with-filters .work-item:hover .levels-lc-portfolio-card-photo-scale {
        transform: translate3d(0, 0, 0) scale(1) !important;
    }
}

/* Masquer le loading natif Salient (on utilise .levels-lc-portfolio-loading pour l’AJAX) */
.levels-lc-portfolio-with-filters__main > .portfolio-loading,
.levels-lc-portfolio-grid-body > .portfolio-loading {
    display: none !important;
}

/* Loader AJAX – zone de contenu */
.levels-lc-portfolio-with-filters__main .levels-lc-portfolio-loading {
    padding: 2.5rem 1.5rem 3rem;
    text-align: center;
    color: #a9a9a9;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__spinner {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(0, 0, 0, 0.08);
    border-top-color: #333;
    border-radius: 50%;
    animation: levels-lc-portfolio-spin 0.85s linear infinite;
    margin-bottom: 1.25rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__text {
    margin: 0 0 1.5rem 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: #a9a9a9;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 100%;
    width: 100%;
    margin-top: 0.5rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span {
    aspect-ratio: 4/3;
    background: linear-gradient(
        90deg,
        #eee 0%,
        #f5f5f5 45%,
        #eee 55%,
        #eee 100%
    );
    background-size: 200% 100%;
    animation: levels-lc-portfolio-shimmer 1.5s ease-in-out infinite;
    border-radius: 6px;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(1) { animation-delay: 0s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(2) { animation-delay: 0.1s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(3) { animation-delay: 0.2s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(4) { animation-delay: 0.15s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(5) { animation-delay: 0.25s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton span:nth-child(6) { animation-delay: 0.35s; }

@keyframes levels-lc-portfolio-spin {
    to { transform: rotate(360deg); }
}

@keyframes levels-lc-portfolio-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 767px) {
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-loading__skeleton {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Message aucun résultat / erreur */
.levels-lc-portfolio-with-filters__main .levels-lc-portfolio-no-results {
    padding: 3rem 1.5rem;
    text-align: center;
    color: #a9a9a9;
    font-size: 1.05rem;
}

.levels-lc-portfolio-with-filters__main .levels-lc-portfolio-no-results.levels-lc-portfolio-error {
    color: #c00;
}

/* Sentinel pour lazy load (invisible, déclenche le chargement ~3 lignes avant la fin) */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-lazy-sentinel {
    height: 1px;
    width: 100%;
    pointer-events: none;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

/* Pagination crawlable (SEO) */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-pagination {
    border-top: 1px solid #0F0F0F;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem 1rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-pagination a {
    padding: 0.35rem 0.75rem;
    color: #0F0F0F;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.9rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-pagination a:hover {
    background: #0F0F0F;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-pagination a.is-current {
    font-weight: 600;
    background: #0F0F0F;
    color: #0F0F0F;
}

/* Loader “chargement suivant” en bas */
.levels-lc-portfolio-load-more {
    padding: 1.5rem 0 2rem;
    text-align: center;
    width: 100%;
}

.levels-lc-portfolio-load-more__spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0, 0, 0, 0.08);
    border-top-color: #333;
    border-radius: 50%;
    animation: levels-lc-portfolio-spin 0.85s linear infinite;
    margin: 0 auto 1rem;
}

.levels-lc-portfolio-load-more__text {
    margin: 0 0 1.25rem 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: #444;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 100%;
    width: 100%;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span {
    aspect-ratio: 4/3;
    background: linear-gradient(
        90deg,
        #eee 0%,
        #f5f5f5 45%,
        #eee 55%,
        #eee 100%
    );
    background-size: 200% 100%;
    animation: levels-lc-portfolio-shimmer 1.5s ease-in-out infinite;
    border-radius: 6px;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(1) { animation-delay: 0s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(2) { animation-delay: 0.1s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(3) { animation-delay: 0.2s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(4) { animation-delay: 0.15s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(5) { animation-delay: 0.25s; }
.levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton span:nth-child(6) { animation-delay: 0.35s; }

@media (max-width: 767px) {
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-load-more__skeleton {
        grid-template-columns: repeat(2, 1fr);
    }
}

.levels-lc-portfolio-with-filters__main .portfolio-wrap {
    display: block !important;
}
/* Masquer tout élément non-.col en 1er enfant de portfolio-items (au cas où) */
.levels-lc-portfolio-with-filters__main .portfolio-items > *:first-child:not(.col) {
    display: none !important;
}

/* Sections de filtres */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar {
    border-radius: 8px;
    padding: 1.5rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-section {
    margin-bottom: 1.5rem;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-section:last-child {
    margin-bottom: 0;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-section__title {
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #333;
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-list li {
    margin: 0;
    padding: 0;
}

/* Boutons de filtre - style listing */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filter-item {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.25rem;
    text-align: left;
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 0.95rem;
    color: #444;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-filter-item:hover {
    background: rgba(0, 0, 0, 0.06);
}

/* Surbrillance au clic */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filter-item.is-active {
    background: #333;
    color: #fff;
    font-weight: 500;
}

/* Pied de la sidebar : bouton Rechercher (visible uniquement en version mobile) */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar__footer {
    display: none;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar__rechercher {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: #333;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar__rechercher:hover {
    background: #555;
}

/* Bouton mobile : ouvrir les filtres (masqué au-dessus de 1350px) */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-mobile-trigger {
    display: none;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-mobile-trigger__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 45px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.levels-lc-portfolio-filters-mobile-trigger__btn:hover {
    background: transparent;
}
/* Pas d’opacité sur le bouton quand la sidebar est ouverte */
.levels-lc-portfolio-with-filters.levels-lc-portfolio-sidebar-open .levels-lc-portfolio-filters-mobile-trigger__btn {
    opacity: 1;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-mobile-trigger__icon {
    display: block;
    width: 160px;
    height: 45px;
    object-fit: contain;
    margin: 0 !important;
}

/* En-tête sidebar : bouton desktop + lien effacer les filtres */
.levels-lc-portfolio-filters-sidebar-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.levels-lc-portfolio-filters-clear-wrap[hidden] {
    display: none !important;
}
.levels-lc-portfolio-filters-clear-link {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
    text-align: left;
}
.levels-lc-portfolio-filters-clear-link:hover,
.levels-lc-portfolio-filters-clear-link:focus {
    text-decoration: none;
}

/* Desktop (≥ 1350px) : réduire la liste aux seuls filtres actifs (bouton en tête de sidebar) */
.levels-lc-portfolio-filters-desktop-toggle {
    display: none;
    flex: 0 0 auto;
}
.levels-lc-portfolio-filters-desktop-toggle__btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 160px;
    height: 45px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 0;
    cursor: pointer;
}
.levels-lc-portfolio-filters-desktop-toggle__btn:hover {
    background: transparent;
}
.levels-lc-portfolio-filters-desktop-toggle__icon {
    margin: 0 !important;
    display: block;
    width: 160px;
    height: 45px;
    object-fit: contain;
}
.levels-lc-portfolio-with-filters--inactive-collapsed .levels-lc-portfolio-filters-list .levels-lc-portfolio-filter-item:not(.is-active) {
    display: none !important;
}

@media (min-width: 1350px) {
    .levels-lc-portfolio-filters-desktop-toggle {
        display: block;
    }
}

/* Responsive < 1350px : masquer la sidebar, afficher le bouton filtres */
@media (max-width: 1349px) {
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-mobile-trigger {
        display: block;
        order: 1;
        flex: 0 0 auto;
    }
    .levels-lc-portfolio-with-filters__sidebar {
        display: none !important;
        flex-direction: column;
        gap: 1rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        max-width: 320px;
        height: 100vh;
        margin: 0;
        flex: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    .levels-lc-portfolio-with-filters.levels-lc-portfolio-sidebar-open .levels-lc-portfolio-with-filters__sidebar {
        display: block !important;
        transform: translateX(0);
    }
    .levels-lc-portfolio-with-filters.levels-lc-portfolio-sidebar-open .levels-lc-portfolio-filters-sidebar-overlay {
       /* display: block;
        opacity: 1; */
    }
    .levels-lc-portfolio-with-filters__main {
        order: 2;
    }
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar {
        display: block;
        flex-wrap: nowrap;
        height: 100%;
        padding: 1.5rem;
        overflow-y: auto;
    }
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-section {
        flex: none;
    }
}
/* Overlay (fond sombre) quand la sidebar mobile est ouverte */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

/* Responsive : sidebar au-dessus sur mobile (tablette étroite) */
@media (max-width: 1024px) {
    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar__footer {
        display: block;
    }
    .levels-lc-portfolio-with-filters {
        flex-direction: column;
    }

    .levels-lc-portfolio-with-filters__sidebar {
        flex: 1 1 auto;
        width: 100%;
        position: relative;
        height: auto;
    }

    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-sidebar {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .levels-lc-portfolio-with-filters .levels-lc-portfolio-filters-section {
        flex: 1 1 200px;
        margin-bottom: 0;
    }
}

/* Lien overlay sur toute la carte + texte masqué pour SEO / accessibilité */
.levels-lc-portfolio-with-filters__main [data-post-id] {
    position: relative;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-link-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: pointer;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-link-overlay__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Liens/boutons dans la carte restent cliquables au-dessus de l’overlay */
.levels-lc-portfolio-with-filters__main [data-post-id] a[href]:not(.levels-lc-portfolio-card-link-overlay),
.levels-lc-portfolio-with-filters__main [data-post-id] button {
    position: relative;
    z-index: 2;
}

/* Badge disponibilité en haut à gauche de la carte */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-availability-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    padding: 6px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-availability-badge__label {
    font-size: 0.65rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    line-height: 1.2;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-availability-badge__value {
    font-size: 0.85rem;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
}

/* Chip « Vendu » (cartes portfolio filtres) */
.levels-lc-portfolio-with-filters [data-post-id] {
    position: relative;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-sold-chip {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 999px;
    background: #004034;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

/* Lien sur le titre du portfolio */
.levels-lc-portfolio-with-filters__main .levels-lc-portfolio-title-link {
    color: inherit;
    text-decoration: none;
}

.levels-lc-portfolio-with-filters__main .levels-lc-portfolio-title-link:hover {
    color: inherit;
    text-decoration: underline;
}

/* Bloc contenu additionnel carte véhicule (filtres ACF / personnalisation) */
.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-extra {
    margin-top: 0.75rem;
    padding: 0.5rem 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.9em;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-acf-fields {
    list-style: none;
    margin: 0;
    padding: 0;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-acf-field {
    margin-bottom: 0.35em;
}
.levels-lc-portfolio-with-filters div.levels-lc-portfolio-card-acf-field {
    display: none;
}

@media (max-width: 460px) {
    .levels-lc-portfolio-with-filters div.levels-lc-portfolio-card-acf-field {
        display: block;
    }
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-acf-field__label {
    font-weight: 600;
    color: inherit;
}

.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-acf-field__value {
    color: inherit;
}

/* Lien overlay sur l’image (work-item) : toute la zone image est cliquable vers la fiche véhicule (injecté en JS) */
.levels-lc-portfolio-with-filters .work-item {
    position: relative;
    cursor: pointer;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-work-item-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    text-decoration: none;
    color: inherit;
}
.levels-lc-portfolio-with-filters .levels-lc-portfolio-card-work-item-link .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}