/* ==========================================================================
   webroot/css/man-sidebar.css — Widgets de la sidebar, reconstruits un par un
   À charger EN DERNIER dans le Html->css([...]) des layouts.

   Contrastes vérifiés (WCAG 2.2 AA / RGAA, 4.5:1 minimum) :
   - blanc sur #144d47 ........ 9.62:1
   - #1f2937 sur blanc ....... 14.7:1
   - #595959 sur blanc ........ 7.00:1
   ========================================================================== */

/* ── Les plus lus ────────────────────────────────────────────────────────── */

.man-most-read__title {
  padding: 0.6rem 1rem;
  border-radius: 10px 10px 0 0;
  background: #144d47;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
}

/* Orange de la charte : décoratif uniquement (icône masquée aux lecteurs d'écran) */
.man-most-read__title .fa-fire {
  color: #ff8c3b;
}

/*
 * Deux classes (.x:hover) pèsent plus que "a:hover" de custom.css :
 * le texte ne passe plus en jaune au survol, sans avoir besoin de !important.
 */
.man-most-read__link,
.man-most-read__link:hover,
.man-most-read__link:focus {
  color: #1f2937;
}

.man-most-read__link:hover,
.man-most-read__link:focus {
  background: rgba(20, 77, 71, 0.06);
}

.man-most-read__link:hover .man-most-read__name {
  text-decoration: underline;
}

/* Focus clavier toujours visible */
.man-most-read__link:focus-visible {
  outline: 3px solid #144d47;
  outline-offset: -3px;
}

.man-most-read__rank {
  width: 22px;
  font-size: 0.875rem;
  color: #595959;
}

.man-most-read__rank--top {
  font-size: 1rem;
}

.man-most-read__thumb {
  width: 44px;
  height: 44px;
  object-fit: cover;
  object-position: top;
  border-radius: 6px;
}

.man-most-read__name {
  font-size: 0.875rem;
  line-height: 1.3;
}

.man-most-read__cat,
.man-most-read__views {
  font-size: 0.8125rem;
  color: #595959;
}

.man-most-read__views {
  min-width: 48px;
}

@media (prefers-reduced-motion: no-preference) {
  .man-most-read__link {
    transition: background-color 0.15s ease;
  }
}