/* ═══════════════════════════════════════════════════════════════
   OMAR - Nos missions (archive actions + fiche action)
   Complète main.css (qui définit déjà missions-hero, action-hero,
   action-card, action-layout, result-stat, filter-tab, theme-pill,
   sidebar-box, badges…). N'ajoute que les classes propres aux pages.
   ═══════════════════════════════════════════════════════════════ */

/* ── Hub des piliers (dans le hero) ─────────────────────────── */
.piliers-hub { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2.5rem 0 0; }
.pilier-hub-card { background: rgba(255,255,255,.06); border: 1.5px solid rgba(255,255,255,.1); border-radius: var(--r-lg); padding: 1.5rem; color: #fff; display: flex; flex-direction: column; transition: all var(--t-std); }
.pilier-hub-card:hover { background: rgba(255,255,255,.1); border-color: rgba(17,171,239,.4); }
.pilier-hub-title { font-family: var(--f-display); font-size: 1.2rem; font-weight: 700; margin-bottom: .75rem; }
.pilier-hub-list { list-style: none; display: flex; flex-direction: column; gap: .4rem; flex: 1; margin: 0; padding: 0; }
.pilier-hub-list li { font-size: .82rem; color: rgba(255,255,255,.65); padding-left: .75rem; border-left: 2px solid rgba(17,171,239,.4); line-height: 1.4; }
.pilier-hub-btn { display: inline-flex; align-items: center; margin-top: 1.25rem; align-self: flex-start; font-size: .78rem; font-weight: 600; color: var(--c-sky); padding: .4rem .9rem; border: 1.5px solid rgba(17,171,239,.45); border-radius: var(--r-pill); transition: background var(--t-fast), border-color var(--t-fast); text-decoration: none; }
.pilier-hub-btn:hover { background: rgba(17,171,239,.15); border-color: var(--c-sky); }

/* ── Barre de filtres ───────────────────────────────────────── */
.missions-content { padding: 3rem 0 4rem; }
.missions-hero--tax { padding-bottom: 3rem; }
.filters-bar { background: #fff; border-radius: var(--r-xl); padding: 1.5rem 2rem; box-shadow: var(--shadow-md); margin-bottom: 2.5rem; }
.filters-bar-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.filters-label { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--c-muted); flex-shrink: 0; }
.filters-sep { width: 1px; height: 28px; background: #e8eff8; flex-shrink: 0; }
.filter-tabs-group, .theme-filters { display: flex; gap: .4rem; flex-wrap: wrap; }
.count-badge { background: #eef5ff; color: var(--c-navy); font-size: .72rem; font-weight: 700; padding: .15rem .55rem; border-radius: var(--r-pill); margin-left: .3rem; }

.no-results { text-align: center; padding: 4rem 2rem; color: var(--c-muted); display: none; }
.no-results svg { width: 48px; height: 48px; margin: 0 auto 1rem; opacity: .3; }
.no-results-static { text-align: center; padding: 3rem 1rem; color: var(--c-muted); }

/* ── Fiche : fil d'Ariane (hero sombre) ─────────────────────── */
.action-hero .breadcrumb { display: flex; align-items: center; gap: .5rem; font-size: .8rem; color: rgba(255,255,255,.55); margin-bottom: 1.5rem; flex-wrap: wrap; }
.action-hero .breadcrumb a { color: rgba(255,255,255,.7); text-decoration: none; }
.action-hero .breadcrumb a:hover { color: #fff; }
.action-hero .breadcrumb-sep { color: rgba(255,255,255,.3); }
.action-hero-lead { color: rgba(255,255,255,.72); max-width: 52ch; margin-bottom: 1.5rem; line-height: 1.7; }
.badge-theme { background: rgba(17,171,239,.15); color: #0369a1; }

/* ── Fiche : corps ──────────────────────────────────────────── */
.content-body { padding: 3rem 0 4rem; }
.back-link { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; color: var(--c-navy); margin-bottom: 2.5rem; transition: color var(--t-fast); text-decoration: none; }
.back-link:hover { color: var(--c-sky); }
.action-main { min-width: 0; }

.prose p { color: var(--c-muted); line-height: 1.8; margin-bottom: 1rem; }
.prose p:last-child { margin-bottom: 0; }
.prose ul, .prose ol { list-style: disc; padding-left: 1.5rem; color: var(--c-muted); display: flex; flex-direction: column; gap: .4rem; font-size: .93rem; margin-bottom: 1rem; }
.prose ol { list-style: decimal; }
.prose a { color: var(--c-sky); }
.prose strong { color: var(--c-ink); }

.results-block { margin-top: 1.25rem; }
.results-sub-title { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--c-muted); margin-bottom: .75rem; padding-bottom: .5rem; border-bottom: 1px solid #e8eff8; }

.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; border-radius: var(--r-lg); overflow: hidden; }
.gallery-grid-wrap { overflow: hidden; border-radius: var(--r-md); }
.gallery-grid img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .4s ease; display: block; }
.gallery-grid img:hover { transform: scale(1.04); }

/* ── Fiche : sidebar ────────────────────────────────────────── */
.sidebar-species-item { display: flex; gap: .6rem; align-items: center; text-decoration: none; color: inherit; margin-bottom: .6rem; }
.sidebar-species-item:last-child { margin-bottom: 0; }
.sidebar-species-item img, .sidebar-species-item .actu-noimg { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.sidebar-species-name { font-weight: 600; font-size: .88rem; color: var(--c-ink); margin: 0; }
.sidebar-species-item:hover .sidebar-species-name { color: var(--c-sky); }
.sidebar-species-sci { font-size: .78rem; font-style: italic; color: var(--c-muted); margin: 0; }
.sidebar-pub-item { font-size: .82rem; line-height: 1.5; margin-bottom: .6rem; color: var(--c-muted); }
.sidebar-pub-item:last-child { margin-bottom: 0; }
.sidebar-pub-item a { color: var(--c-navy); font-weight: 600; }
.sidebar-pub-item a:hover { color: var(--c-sky); }

.action-share { display: flex; flex-direction: column; gap: .5rem; }
.action-share .share-btn { display: flex; align-items: center; gap: .5rem; width: 100%; padding: .65rem 1rem; border-radius: var(--r-md); font-size: .82rem; font-weight: 600; border: 1.5px solid #dde5f0; color: var(--c-muted); background: #fff; transition: all var(--t-fast); text-align: left; text-decoration: none; cursor: pointer; }
.action-share .share-btn:hover { border-color: var(--c-sky); color: var(--c-navy); background: #f4f8ff; }

/* ── Pagination (archives de taxonomie) ─────────────────────── */
.actu-pagination { display: flex; align-items: center; justify-content: center; gap: .4rem; padding: 1rem 0 0; flex-wrap: wrap; }
.actu-pagination .page-numbers { min-width: 36px; height: 36px; padding: 0 .6rem; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--r-md); border: 1.5px solid #dde5f0; background: #fff; color: var(--c-muted); font-size: .83rem; font-weight: 600; text-decoration: none; transition: all var(--t-fast); }
.actu-pagination a.page-numbers:hover { border-color: var(--c-navy); color: var(--c-navy); }
.actu-pagination .page-numbers.current { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
.actu-pagination .page-numbers.dots { border: none; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 900px) {
	.piliers-hub { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	.gallery-grid { grid-template-columns: 1fr 1fr; }
	.gallery-grid-wrap:last-child { display: none; }
}