/* Fiches radar enrichies (ADR-0009) — blocs ajoutés aux pages /radar-items/*.
   Chargé dans le sous-arbre data-dc-ajout="radar-enrichi" (RadarEnrichi.astro).
   Couleurs et typo : variables du site (page-radar-item.css). */

.re { color: var(--_apps---colors--foreground, #030303); font-family: Aeonik, Arial, sans-serif; }
.re-inner { width: 100%; }
.re-section { padding: 4rem 0; }
.re-section.is-last { padding-bottom: 6rem; }
.re-section:first-of-type { padding-top: 6rem; }
.re-bloc { margin-bottom: 4rem; }
.re-chapo { margin: .75rem 0 0; max-width: 42rem; color: var(--base-color-neutral--black-500, #3a3b3e); }
.re-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.re-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2.5rem; }

/* Verdict */
.re-verdict { background: var(--base-color-neutral--black-550, #171717); color: #fff; padding: 5rem 0; }
.re-verdict-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: 2.5rem; margin-top: 2.5rem; }
.re-verdict-label { margin: 0 0 1rem; font-size: 1rem; font-weight: 500; color: var(--base-color-neutral--neutral-lighter, #ccc); }
.re-verdict-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .75rem; font-size: .9375rem; }
.re-verdict-list li { display: flex; gap: .75rem; }
.re-verdict-list li::before { content: ""; flex: none; width: 6px; height: 6px; margin-top: .55rem; border-radius: 99rem; background: var(--base-color-brand--cyan-150, #00c2ff); }
.re-verdict-list.is-contre li::before { background: var(--base-color-brand--pink-150, #ffa0ea); }

/* Cartes */
.re-card { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; background: #fff; border: 1px solid var(--base-color-neutral--black-200, #e8e9ec); border-radius: .7rem; padding: 1.75rem; color: inherit; text-decoration: none; box-sizing: border-box; }
.re-card.is-filled { background: var(--base-color-neutral--black-100, #f8f9fc); padding: 2rem; min-height: 14rem; gap: 2rem; }
.re-card:hover, .re-cas:hover { border-color: var(--base-color-neutral--black-250, #d8d9dc); }
.re-card-title { margin: 1rem 0 .5rem; }
.re-card-text { margin: 0; color: var(--base-color-neutral--black-500, #3a3b3e); }
.re-tags { display: flex; gap: .5rem; flex-wrap: wrap; }
.re-tag { display: inline-flex; align-items: center; gap: .375rem; background: #fff; border: 1px solid var(--base-color-neutral--black-200, #e8e9ec); border-radius: 99rem; padding: .125rem .625rem; font-size: .75rem; }
.re-card:not(.is-filled) .re-tag { background: var(--base-color-neutral--black-100, #f8f9fc); }
.re-tag.is-square { border-radius: .375rem; padding: .125rem .5rem; }
.re-dot { width: 8px; height: 8px; border-radius: 99rem; background: var(--base-color-neutral--black-250, #d8d9dc); }
.re-more { align-self: flex-end; font-size: .875rem; text-decoration: underline; text-decoration-color: var(--base-color-brand--pink-150, #ffa0ea); text-underline-offset: 5px; }

/* Cas clients */
.re-cas { display: flex; flex-direction: column; background: var(--base-color-neutral--black-100, #f8f9fc); border: 1px solid transparent; border-radius: .7rem; overflow: hidden; color: inherit; text-decoration: none; }
.re-cas-body { padding: 2rem 2rem 1.5rem; display: flex; flex-direction: column; flex: 1; }
.re-cas-logo { height: 2rem; display: flex; align-items: center; }
.re-cas-logo img { max-height: 1.75rem; max-width: 8rem; width: auto; }
.re-cas-title { margin: 1rem 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.2; }
.re-cas .re-more { margin-top: auto; padding-top: 1.25rem; }
.re-cas-image { width: 100%; height: 15rem; object-fit: cover; display: block; }

/* Tout le radar */
.re-voisins { border-top: 1px solid var(--base-color-neutral--black-200, #e8e9ec); padding-top: 2.5rem; }
.re-voisins h2 { margin: 0; }
.re-voisins-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 2rem; margin-top: 1.5rem; }
.re-voisins-anneau { font-weight: 500; margin-bottom: .75rem; }
.re-pills { display: flex; flex-wrap: wrap; gap: .375rem; }
.re-pill { background: var(--base-color-neutral--black-100, #f8f9fc); border: 1px solid var(--base-color-neutral--black-200, #e8e9ec); color: inherit; border-radius: 99rem; padding: .25rem .75rem; font-size: .8125rem; text-decoration: none; }
a.re-pill:hover { border-color: var(--base-color-neutral--black-450, #595a5c); }
.re-pill.is-current { background: var(--base-color-neutral--black-550, #171717); border-color: var(--base-color-neutral--black-550, #171717); color: #fff; }
.re-vide { font-size: .8125rem; color: var(--base-color-neutral--black-450, #595a5c); }

/* Articles */
.re-article { padding: 1.5rem; min-height: 15rem; gap: 2.5rem; }
.re-article-title { margin: 1rem 0 0; font-size: 1.25rem; font-weight: 700; line-height: 1.25; }
.re-article-meta { display: flex; align-items: center; gap: .625rem; font-size: .8125rem; line-height: 1.3; }
.re-strong { font-weight: 500; }
.re-muted { color: var(--base-color-neutral--black-450, #595a5c); }
.re-avatar { width: 40px; height: 40px; border-radius: 99rem; object-fit: cover; background: var(--base-color-neutral--black-200, #e8e9ec); flex: none; }
.re-avatar.is-small { width: 32px; height: 32px; }

/* Auteur (dans le hero) */
.re-auteur { display: flex; align-items: center; gap: .75rem; margin-top: 1.25rem; font-size: .875rem; line-height: 1.4; }
.re-auteur a { color: inherit; font-weight: 500; text-decoration: underline; text-decoration-color: var(--base-color-brand--pink-150, #ffa0ea); text-underline-offset: 4px; }

@media screen and (max-width: 991px) {
  .re-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media screen and (max-width: 767px) {
  .re-section { padding: 3rem 0; }
  .re-section:first-of-type { padding-top: 4rem; }
  .re-verdict { padding: 4rem 0; }
  .re-grid { grid-template-columns: 1fr; }
  .re-verdict-grid { grid-template-columns: 1fr; }
}