/* =============================================================
   CPT Lister — CSS personnalisable
   Copiez ce fichier dans votre thème enfant via le bouton BO,
   puis surchargez librement les styles ci-dessous.
   Chemin thème enfant : oaka/cpt-lister/cpt-lister-custom-style.css
   ============================================================= */


/* ---------------------------------------------------------------
   Page single — conteneur principal
--------------------------------------------------------------- */
.cpt-lister-single-page { }
.cpt-lister-single-inner { }

/* Rangée (ligne de colonnes) */
.cpt-lister-layout-row { }

/* Colonne */
.cpt-lister-col { }


/* ---------------------------------------------------------------
   Bloc : image mise en avant
--------------------------------------------------------------- */
.cpt-lister-featured-image { }
.cpt-lister-featured-image img { }


/* ---------------------------------------------------------------
   Bloc : titre
--------------------------------------------------------------- */
.cpt-lister-entry-title { }


/* ---------------------------------------------------------------
   Bloc : contenu
--------------------------------------------------------------- */
.cpt-lister-content { }
.cpt-lister-content p { }
.cpt-lister-content img { }


/* ---------------------------------------------------------------
   Bloc : taxonomies
--------------------------------------------------------------- */
.cpt-lister-taxonomy { }
.cpt-lister-tax-label { }
.cpt-lister-term { }
.cpt-lister-term:hover { }


/* ---------------------------------------------------------------
   Bloc : méta (auteur, date)
--------------------------------------------------------------- */
.cpt-lister-meta { }
.cpt-lister-meta-author { }
.cpt-lister-meta-date { }


/* ---------------------------------------------------------------
   Blocs : champs SCF personnalisés
--------------------------------------------------------------- */
.cpt-lister-scf-field { }
.cpt-lister-scf-label { }
.cpt-lister-scf-value { }


/* ---------------------------------------------------------------
   Navigation entre posts (précédent / suivant)
--------------------------------------------------------------- */
.cpt-lister-nav { }
.cpt-lister-nav-prev { }
.cpt-lister-nav-next { }


/* ---------------------------------------------------------------
   Archive / Shortcode — grille de cartes
--------------------------------------------------------------- */
.cpt-lister-wrapper { }
.cpt-lister-grid { }

/* Carte */
.cpt-lister-card { }
.cpt-lister-card:hover { }
.cpt-lister-card-image { }
.cpt-lister-card-image img { }
.cpt-lister-card-body { }
.cpt-lister-card-title { }
.cpt-lister-card-title a { }
.cpt-lister-card-excerpt { }
.cpt-lister-card-terms { }
.cpt-lister-card-term { }
.cpt-lister-card-term:hover { }

/* Filtres de taxonomie */
.cpt-lister-filters { }
.cpt-lister-filter-btn { }
.cpt-lister-filter-btn:hover { }
.cpt-lister-filter-btn.active { }

/* Pagination */
.cpt-lister-pagination { }
.cpt-lister-page-btn { }


/* ---------------------------------------------------------------
   Page d'archive d'un type de contenu
--------------------------------------------------------------- */
.cpt-lister-archive-desc {
    /* color: #666; */
    /* font-size: 15px; */
    /* line-height: 1.6; */
}
.cpt-lister-archive-grid { }
.cpt-lister-archive-header {
    /* margin-bottom: 32px; */
}
.cpt-lister-archive-inner { }
.cpt-lister-archive-page {
    /* max-width: 1200px; */
    /* margin: 0 auto; */
    /* padding: 40px 20px; */
}
.cpt-lister-archive-title {
    /* font-size: 32px; */
    /* margin-bottom: 12px; */
}

/* ---------------------------------------------------------------
   Titre affiché au-dessus d'un listing
--------------------------------------------------------------- */
.cpt-lister-title {
    /* font-size: 28px; */
    /* margin-bottom: 24px; */
}

/* ---------------------------------------------------------------
   Blocs de la fiche (mise en page en rangées / colonnes)
--------------------------------------------------------------- */
.cpt-lister-accent { }
.cpt-lister-block {
    /* width: 100%; */
}
.cpt-lister-block-shortcode {
    /* margin-bottom: 16px; */
}
.cpt-lister-block-spacer {
    /* height: 32px; */
}
.cpt-lister-col.w-100 {
    /* grid-column: span 12; */
}
.cpt-lister-col.w-25 {
    /* grid-column: span 3; */
}
.cpt-lister-col.w-33 {
    /* grid-column: span 4; */
}
.cpt-lister-col.w-50 {
    /* grid-column: span 6; */
}
.cpt-lister-col.w-66 {
    /* grid-column: span 8; */
}
.cpt-lister-col.w-75 {
    /* grid-column: span 9; */
}
.cpt-lister-col[class*="w-"] {
    /* grid-column: span 1; */
}
.cpt-lister-layout-row:last-child {
    /* margin-bottom: 0; */
}
.cpt-lister-meta-sep {
    /* color: #ccc; */
}
.cpt-lister-content li {
    /* color: #333333; */
}
.cpt-lister-content td {
    /* color: #333333; */
}
.cpt-lister-nav a {
    /* font-size: 14px; */
    /* text-decoration: none; */
    /* color: #555; */
    /* max-width: 45%; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}
.cpt-lister-nav a:hover {
    /* color: #ff8300; */
}
.cpt-lister-scf-value img {
    /* max-width: 100%; */
    /* height: auto; */
    /* border-radius: 4px; */
}

/* ---------------------------------------------------------------
   Mode « Liste à puces »
--------------------------------------------------------------- */
.cpt-lister-bullet { }
.cpt-lister-bullet-link {
    /* text-decoration: none; */
    /* color: inherit; */
    /* transition: opacity 0.2s ease; */
}
.cpt-lister-bullet-link:hover {
    /* opacity: 0.7; */
}
.cpt-lister-grid.cpt-style-bullets {
    /* display: block; */
    /* margin: 0 0 0 1.2em; */
    /* padding: 0; */
    /* list-style-position: outside; */
}
.cpt-style-bullets { }
.cpt-lister-grid.cpt-style-bullets .cpt-lister-bullet {
    /* margin: 0 0 8px; */
    /* padding: 0; */
    /* background: none; */
    /* box-shadow: none; */
    /* border: none; */
}
.cpt-lister-grid.cpt-style-bullets .cpt-lister-bullet:last-child {
    /* margin-bottom: 0; */
}

/* ---------------------------------------------------------------
   Mode « Côte à côte »
--------------------------------------------------------------- */
.cpt-lister-grid.cpt-style-side {
    /* grid-template-columns: 1fr; */
    /* gap: 20px; */
}
.cpt-lister-grid.cpt-style-side .cpt-lister-card {
    /* flex-direction: row; */
    /* min-height: 220px; */
    /* flex-direction: column; */
    /* min-height: auto; */
}
.cpt-lister-grid.cpt-style-side .cpt-lister-card-body {
    /* padding: 28px 32px; */
}
.cpt-lister-grid.cpt-style-side .cpt-lister-card-image {
    /* width: 45%; */
    /* flex-shrink: 0; */
    /* aspect-ratio: unset; */
    /* align-self: stretch; */
    /* width: 100%; */
    /* aspect-ratio: 16 / 9; */
}
.cpt-lister-grid.cpt-style-side .cpt-lister-card:nth-child(even) {
    /* flex-direction: row-reverse; */
    /* flex-direction: column; */
    /* min-height: auto; */
}
.cpt-lister-grid.cpt-style-side .cpt-lister-card-image img {
    /* height: 100%; */
}

/* ---------------------------------------------------------------
   Mode « Liste compacte »
--------------------------------------------------------------- */
.cpt-lister-grid.cpt-style-list {
    /* grid-template-columns: 1fr; */
    /* gap: 0; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card {
    /* flex-direction: row; */
    /* border-radius: 0; */
    /* box-shadow: none; */
    /* border-bottom: 1px solid #eeeeee; */
    /* min-height: 96px; */
    /* align-items: center; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card-body {
    /* padding: 12px 20px; */
    /* gap: 5px; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card-excerpt {
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card-image {
    /* width: 120px; */
    /* height: 96px; */
    /* flex-shrink: 0; */
    /* aspect-ratio: unset; */
    /* border-radius: 0; */
    /* width: 80px; */
    /* height: 80px; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card-title {
    /* font-size: 15px; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card:first-child {
    /* border-top: 1px solid #eeeeee; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card:hover {
    /* transform: none; */
    /* box-shadow: none; */
    /* background: #fafafa; */
}
.cpt-lister-grid.cpt-style-list .cpt-lister-card-image img {
    /* height: 100%; */
}

/* ---------------------------------------------------------------
   Mode « Overlay »
--------------------------------------------------------------- */
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card {
    /* position: relative; */
    /* overflow: hidden; */
    /* aspect-ratio: 4 / 3; */
    /* flex-direction: column; */
    /* justify-content: flex-end; */
    /* background: #222; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-body {
    /* position: relative; */
    /* z-index: 1; */
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.32) 60%, transparent 100%); */
    /* color: #ffffff; */
    /* padding: 48px 20px 18px; */
    /* gap: 6px; */
    /* flex: none; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-excerpt {
    /* color: rgba(255, 255, 255, 0.85); */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
    /* overflow: hidden; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-image {
    /* position: absolute; */
    /* inset: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* aspect-ratio: unset; */
    /* opacity: 0.85; */
    /* transition: opacity 0.3s ease; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-term {
    /* background: rgba(255, 255, 255, 0.18); */
    /* color: #ffffff; */
    /* border: 1px solid rgba(255, 255, 255, 0.35); */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-term:hover {
    /* background: rgba(255, 255, 255, 0.30); */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-image img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card-title a {
    /* color: #ffffff; */
}
.cpt-lister-grid.cpt-style-overlay .cpt-lister-card:hover .cpt-lister-card-image {
    /* opacity: 0.7; */
}

/* ---------------------------------------------------------------
   Bouton de bas de liste (CTA)
--------------------------------------------------------------- */
.cpt-lister-cta {
    /* margin-top: 24px; */
    /* text-align: center; */
}
.cpt-lister-cta-link {
    /* display: inline-block; */
    /* padding: 12px 26px; */
    /* border-radius: 4px; */
    /* background-color: #ff8300; */
    /* color: #111111 !important; */
    /* text-decoration: none; */
    /* font-weight: 600; */
    /* line-height: 1.2; */
    /* transition: opacity 0.2s ease; */
}
.cpt-lister-cta-link:hover {
    /* opacity: 0.85; */
}

/* ---------------------------------------------------------------
   Pagination
--------------------------------------------------------------- */
.cpt-lister-cur-page { }
.cpt-lister-page-btn:hover:not([disabled]) {
    /* background: #e0e0e0; */
}
.cpt-lister-page-btn[disabled] {
    /* opacity: 0.4; */
    /* cursor: default; */
}
.cpt-lister-page-info {
    /* font-size: 13px; */
    /* color: #666; */
}
.cpt-lister-page-next { }
.cpt-lister-page-prev { }

/* ---------------------------------------------------------------
   États : chargement, vide, erreur
--------------------------------------------------------------- */
.cpt-lister-empty {
    /* grid-column: 1 / -1; */
    /* text-align: center; */
    /* color: #999; */
    /* padding: 40px 0; */
}
.cpt-lister-error {
    /* color: #c62828; */
    /* background: #fff5f5; */
    /* border: 1px solid #f5c6c6; */
    /* padding: 10px 16px; */
    /* border-radius: 4px; */
    /* font-size: 13px; */
}
.cpt-lister-filters.loading {
    /* opacity: 0.5; */
    /* pointer-events: none; */
}
.cpt-lister-grid.loading {
    /* opacity: 0.5; */
    /* pointer-events: none; */
    /* transition: opacity 0.2s; */
}

/* ---------------------------------------------------------------
   Divers
--------------------------------------------------------------- */
.cpt-lister-card-image--vb {
    /* display: block; */
    /* width: 100%; */
    /* aspect-ratio: 16 / 10; */
    /* background: #e9e9e9; */
}
.cpt-lister-card-title a:hover {
    /* text-decoration: none; */
}


/* ---------------------------------------------------------------
   Sélecteurs propres à un type de contenu
   Remplacez la partie en majuscules par l'identifiant réel
   (type de contenu, taxonomie, champ, bloc). Ces classes sont
   ajoutées en plus des classes génériques ci-dessus : elles
   permettent de styler un seul type de contenu sans toucher
   aux autres.
--------------------------------------------------------------- */

/* Fiche d'un contenu — ex. .cpt-lister-single-projet */
.cpt-lister-single-POST_TYPE {
    /* background-color: #ffffff; */
    /* padding: 40px 20px; */
}

/* Archive et listings d'un contenu — ex. .cpt-lister-archive-projet */
.cpt-lister-archive-POST_TYPE {
    /* max-width: 1200px; */
    /* margin: 0 auto; */
}

/* Bloc de la mise en page de la fiche — ex. .cpt-lister-block-title */
.cpt-lister-block-BLOCK_ID {
    /* margin-bottom: 16px; */
}

/* Liste des termes d'une taxonomie — ex. .cpt-lister-taxonomy-secteur */
.cpt-lister-taxonomy-TAXONOMY {
    /* display: flex; */
    /* gap: 8px; */
}

/* Champ personnalisé (ACF / SCF) — ex. .cpt-lister-scf-adresse */
.cpt-lister-scf-FIELD_NAME {
    /* margin-bottom: 12px; */
}