/* HP-CATEGORY v2 2026-10-24 — pages catégories (chargé seulement si is_category()).
   Le CSS additionnel (post 2195) contient les règles v1 .hp-cat ; elles restent en place et sont surchargées ici
   (sélecteurs .hp-cat.hp-v2, plus spécifiques, car le CSS additionnel est imprimé après cette feuille). */

.hp-cat.hp-v2{--hp-ink:#1f2a37;--hp-muted:#5b6673;--hp-line:#e6e3dc;--hp-sand:#faf7f1;--hp-accent:#c45000;--hp-accent-d:#a84300;--hp-sea:#1f3a61;--hp-radius:18px;background:#fbfaf7}

/* ---------- Hero */
.hp-cat.hp-v2 .hp-cat-hero{position:relative;overflow:hidden;isolation:isolate;padding:56px 0 64px!important;min-height:420px;display:flex;align-items:flex-end}
.hp-cat.hp-v2 .hp-cat-hero.has-img{background:#1f3a61}
.hp-cat.hp-v2 .hp-cat-hero__img{position:absolute;inset:0;z-index:-2;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0!important;border-radius:0!important}
.hp-cat.hp-v2 .hp-cat-hero.has-img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,27,45,.35) 0%,rgba(15,27,45,.55) 45%,rgba(15,27,45,.88) 100%),linear-gradient(90deg,rgba(15,27,45,.55) 0%,rgba(15,27,45,0) 70%)}
.hp-cat.hp-v2 .hp-cat-hero__inner{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.hp-cat.hp-v2 .hp-cat-crumbs{margin:0 0 1.1rem;font-size:.88rem;color:rgba(255,255,255,.82)}
.hp-cat.hp-v2 .hp-cat-crumbs p,.hp-cat.hp-v2 .hp-cat-crumbs nav{margin:0!important;color:inherit}
.hp-cat.hp-v2 .hp-cat-crumbs a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.hp-cat.hp-v2 .hp-cat-crumbs a:hover{text-decoration-color:#fff}
.hp-cat.hp-v2 .hp-cat-crumbs .separator{margin:0 .35em;opacity:.7}
.hp-cat.hp-v2 .hp-cat-hero h1.entry-title{text-shadow:0 2px 18px rgba(0,0,0,.25)}
.hp-cat.hp-v2 .hp-cat-intro{color:#f4f6f9;text-shadow:0 1px 10px rgba(0,0,0,.25)}
.hp-cat.hp-v2 .hp-cat-meta{margin:0 0 1.4rem}
.hp-cat.hp-v2 .hp-cat-count{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hp-cat.hp-v2 .hp-cat-count--soft{font-weight:600;background:rgba(255,255,255,.1)}
.hp-cat.hp-v2 .hp-cat-actions{display:flex;flex-wrap:wrap;gap:12px}
.hp-cat.hp-v2 .hp-cat-actions .hp-btn--ghost{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}

/* ---------- Titres de section */
.hp-cat.hp-v2 .hp-sec-title{margin:0 0 1.1rem!important;padding:0!important;font-size:clamp(1.35rem,2.4vw,1.75rem)!important;line-height:1.2!important;color:var(--hp-sea)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.hp-cat.hp-v2 .hp-top + .hp-sec-title{margin-top:3rem!important}

/* ---------- Filtres */
.hp-cat.hp-v2 .hp-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.hp-cat.hp-v2 .hp-filters[hidden]{display:none}
.hp-cat.hp-v2 .hp-chip{display:inline-flex;align-items:center;gap:.45em;padding:.5rem 1rem;border:1px solid var(--hp-line);border-radius:999px;background:#fff;color:var(--hp-sea);font:inherit;font-size:.92rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.hp-cat.hp-v2 .hp-chip:hover{border-color:var(--hp-accent);color:var(--hp-accent)}
.hp-cat.hp-v2 .hp-chip[aria-pressed="true"]{background:var(--hp-sea);border-color:var(--hp-sea);color:#fff}
.hp-cat.hp-v2 .hp-chip__n{font-size:.8em;font-weight:700;opacity:.65}
.hp-cat.hp-v2 .hp-chip:focus-visible,.hp-cat.hp-v2 .hp-card__title a:focus-visible,.hp-cat.hp-v2 .hp-explore__card:focus-visible{outline:3px solid var(--hp-accent);outline-offset:3px}
.hp-cat.hp-v2 .hp-filter-empty{margin:0 0 24px!important;padding:18px 20px;border-radius:12px;background:var(--hp-sand);color:var(--hp-muted)}
.hp-cat.hp-v2 .hp-filter-empty[hidden]{display:none}
.hp-cat.hp-v2 .hp-filter-reset{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--hp-accent);cursor:pointer;text-decoration:underline}
.hp-cat.hp-v2 .hp-card[hidden],.hp-cat.hp-v2 .hp-top[hidden],.hp-cat.hp-v2 .hp-sec-title[hidden]{display:none!important}

/* ---------- Cartes (grille) */
.hp-cat.hp-v2 .hp-card{border-radius:var(--hp-radius);box-shadow:0 2px 10px rgba(31,42,55,.05)}
.hp-cat.hp-v2 .hp-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(31,42,55,.13)}
.hp-cat.hp-v2 .hp-card__media{aspect-ratio:4/3}
.hp-cat.hp-v2 .hp-card__ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f3a61 0%,#2d5f7a 60%,#c45000 140%);color:rgba(255,255,255,.75)}
.hp-cat.hp-v2 .hp-card__badge{position:absolute;left:12px;bottom:12px;z-index:2;max-width:calc(100% - 24px);padding:.32rem .75rem;border-radius:999px;background:rgba(255,255,255,.94);color:var(--hp-accent);font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.hp-cat.hp-v2 .hp-card__body{padding:1.05rem 1.25rem 1.3rem}
.hp-cat.hp-v2 .hp-card__title{margin:0 0 .3rem!important;font-size:1.18rem!important}
.hp-cat.hp-v2 .hp-card__meta{margin:0 0 .6rem!important;font-size:.84rem;color:var(--hp-muted)}
.hp-cat.hp-v2 .hp-card__meta::before{content:"";display:inline-block;width:.85em;height:.85em;margin-right:.4em;vertical-align:-.08em;border:2px solid currentColor;border-radius:50%;opacity:.7;box-sizing:border-box}
.hp-cat.hp-v2 .hp-card__excerpt{font-size:.95rem;color:#3a4552}
.hp-cat.hp-v2 .hp-card__btn{position:relative;z-index:0}

/* ---------- Top picks (page 1) — correctif 2026-10-24 : plus de texte sur la photo.
   Mobile d'abord : photo 16:9 en haut, texte dessous sur fond clair. Desktop (≥ 900 px) : photo à gauche, texte à droite ;
   la grande carte occupe toute la ligne, les 2 autres se partagent la ligne suivante. Seul le badge reste sur la photo. */
.hp-cat.hp-v2 .hp-top{margin:0}
.hp-cat.hp-v2 .hp-top__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.hp-cat.hp-v2 .hp-card--top{display:flex;flex-direction:column;background:#fff;color:var(--hp-ink);border:1px solid var(--hp-line)}
.hp-cat.hp-v2 .hp-card--top .hp-card__media{position:relative;aspect-ratio:16/9;flex:0 0 auto}
.hp-cat.hp-v2 .hp-card--top .hp-card__badge{top:14px;bottom:auto;left:14px;background:#fff;opacity:1}
.hp-cat.hp-v2 .hp-card--top .hp-card__body{position:static;padding:1.15rem 1.3rem 1.35rem;background:#fff}
.hp-cat.hp-v2 .hp-card--top .hp-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:1.25rem!important;line-height:1.25!important;text-shadow:none}
.hp-cat.hp-v2 .hp-card--top .hp-card__title a{color:var(--hp-sea)!important}
.hp-cat.hp-v2 .hp-card--top:hover .hp-card__title a{color:var(--hp-accent)!important}
.hp-cat.hp-v2 .hp-card--top .hp-card__meta{color:var(--hp-muted)}
.hp-cat.hp-v2 .hp-card--top .hp-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--hp-ink)}
.hp-cat.hp-v2 .hp-card--lead .hp-card__title{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;line-height:1.2!important}
@media (min-width:640px) and (max-width:899px){
	.hp-cat.hp-v2 .hp-top__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hp-cat.hp-v2 .hp-card--lead{grid-column:1 / -1}
	.hp-cat.hp-v2.is-filtered .hp-top__grid > .hp-card{grid-column:auto}
	.hp-cat.hp-v2.is-filtered .hp-top__grid > .hp-card.is-solo{grid-column:1 / -1}
}
@media (min-width:900px){
	.hp-cat.hp-v2 .hp-top__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hp-cat.hp-v2 .hp-card--top{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);min-height:230px}
	.hp-cat.hp-v2 .hp-card--top .hp-card__media{aspect-ratio:auto;height:100%;min-height:230px}
	.hp-cat.hp-v2 .hp-card--top .hp-card__body{display:flex;flex-direction:column;justify-content:center;padding:1.3rem 1.4rem}
	.hp-cat.hp-v2 .hp-card--top:not(.hp-card--lead) .hp-card__excerpt{display:none}
	.hp-cat.hp-v2 .hp-card--top .hp-card__btn{margin-top:.5rem}
	.hp-cat.hp-v2 .hp-card--lead{grid-column:1 / -1;grid-template-columns:minmax(0,58%) minmax(0,1fr);min-height:340px}
	.hp-cat.hp-v2 .hp-card--lead .hp-card__media{min-height:340px}
	.hp-cat.hp-v2 .hp-card--lead .hp-card__body{padding:2rem 2.2rem}
	/* Filtre actif : les cartes visibles se recomposent sans trou ; une carte seule prend toute la ligne. */
	.hp-cat.hp-v2.is-filtered .hp-top__grid > .hp-card{grid-column:auto}
	.hp-cat.hp-v2.is-filtered .hp-top__grid > .hp-card.is-solo{grid-column:1 / -1}
	.hp-cat.hp-v2.is-filtered .hp-card--lead:not(.is-solo){grid-template-columns:minmax(0,40%) minmax(0,1fr);min-height:230px}
	.hp-cat.hp-v2.is-filtered .hp-card--lead:not(.is-solo) .hp-card__media{min-height:230px}
}

/* ---------- Bande « Explore more » */
.hp-cat.hp-v2 .hp-explore{padding:56px 0 72px;background:var(--hp-sand);border-top:1px solid var(--hp-line);scroll-margin-top:90px}
.hp-cat.hp-v2 .hp-explore__inner{max-width:1180px;margin:0 auto;padding:0 20px}
.hp-cat.hp-v2 .hp-explore__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.hp-cat.hp-v2 .hp-explore__card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#1f3a61;color:#fff;box-shadow:0 2px 10px rgba(31,42,55,.08);transition:transform .18s,box-shadow .18s}
.hp-cat.hp-v2 .hp-explore__card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,42,55,.18)}
.hp-cat.hp-v2 .hp-explore__img,.hp-cat.hp-v2 .hp-explore__ph{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;margin:0!important;border-radius:0!important;transition:transform .35s}
.hp-cat.hp-v2 .hp-explore__ph{background:linear-gradient(135deg,#1f3a61,#c45000)}
.hp-cat.hp-v2 .hp-explore__card:hover .hp-explore__img{transform:scale(1.05)}
.hp-cat.hp-v2 .hp-explore__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,27,45,0) 35%,rgba(15,27,45,.85) 100%)}
.hp-cat.hp-v2 .hp-explore__txt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:14px 16px}
.hp-cat.hp-v2 .hp-explore__name{display:block;font-size:1.12rem;font-weight:700;line-height:1.25;color:#fff}
.hp-cat.hp-v2 .hp-explore__count{display:block;margin-top:2px;font-size:.85rem;color:rgba(255,255,255,.85)}

/* ---------- Mobile */
@media (max-width:640px){
	.hp-cat.hp-v2 .hp-cat-hero{min-height:0;padding:40px 0 40px!important}
	.hp-cat.hp-v2 .hp-cat-actions .hp-btn{width:100%;text-align:center}
	.hp-cat.hp-v2 .hp-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 22px;padding:2px 20px 6px;scrollbar-width:none}
	.hp-cat.hp-v2 .hp-filters::-webkit-scrollbar{display:none}
	.hp-cat.hp-v2 .hp-chip{flex:0 0 auto}
	.hp-cat.hp-v2 .hp-top__grid{gap:16px}
	.hp-cat.hp-v2 .hp-card--top:not(.hp-card--lead) .hp-card__excerpt{-webkit-line-clamp:2}
	.hp-cat.hp-v2 .hp-explore{padding:40px 0 52px}
	.hp-cat.hp-v2 .hp-explore__grid{grid-template-columns:1fr 1fr;gap:12px}
	.hp-cat.hp-v2 .hp-explore__name{font-size:.98rem}
}

@media (prefers-reduced-motion:reduce){
	.hp-cat.hp-v2 .hp-card,.hp-cat.hp-v2 .hp-card__img,.hp-cat.hp-v2 .hp-explore__card,.hp-cat.hp-v2 .hp-explore__img{transition:none}
	.hp-cat.hp-v2 .hp-card:hover,.hp-cat.hp-v2 .hp-explore__card:hover{transform:none}
	.hp-cat.hp-v2 .hp-card:hover .hp-card__img,.hp-cat.hp-v2 .hp-explore__card:hover .hp-explore__img{transform:none}
}