/* ════════════════════════════════════════════════════════════════
   Haut des pages d'archives (Joueurs, Équipes, Compétitions, Matchs)
   Refonte du 22/09/2026, dans la lignée du haut d'article : bandeau du vert
   du menu, texte centré (choix Félix), titre Noto Sans 900 vanilla, texte
   pour Google ramené à deux lignes, et la RECHERCHE remontée dans le
   bandeau (le formulaire reste en place dans <main> : seul son placement
   visuel change, les scripts de recherche et de filtres ne sont pas touchés).
   APERÇU : actif seulement avec ?hero=nouveau (classe its-hero-v2 sur le
   body, its-rugby-templates.php), page Joueurs d'abord.
   Feuille hors RUCSS et hors minification Rocket.
   ════════════════════════════════════════════════════════════════ */

body.its-hero-v2.post-type-archive-player .page-hero {
  background: var(--teal, #1C3D34);
  /* Bas : 24 px au-dessus de la recherche + sa hauteur (~40 px) + 24 px. */
  padding: 32px 20px 88px;
  border-top: 1px solid rgba(242, 229, 210, 0.2);
}
body.its-hero-v2.post-type-archive-player .page-hero::before,
body.its-hero-v2.post-type-archive-player .page-hero::after {
  display: none;
}
body.its-hero-v2.post-type-archive-player .page-hero h1 {
  margin: 0 0 10px;
  font-size: clamp(26px, 5vw, 40px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--vanilla, #F2E5D2);
}
/* Texte écrit pour Google : conservé en entier dans la page, affiché sur
   deux lignes au plus. */
body.its-hero-v2.post-type-archive-player .page-hero-desc {
  max-width: 620px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.5;
  color: var(--vanilla, #F2E5D2);
  opacity: 0.8;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Le conteneur des résultats coupe ses débordements (overflow hidden sur
   mobile) : la recherche remontée disparaissait. clip bloque toujours le
   débordement horizontal, sans couper vers le haut. */
body.its-hero-v2.post-type-archive-player .container--page-body {
  overflow: visible;
  overflow-x: clip;
  padding-top: 0;
}
/* La barre de recherche est DANS le bandeau, en bas, avec le même espace
   au-dessus et en dessous (Félix, 22/09 : « soit dans le hero soit pas » ;
   l'essai à cheval sur la limite est abandonné). Paddings du formulaire mis
   à zéro pour que le calcul soit le même à toutes les largeurs (14 px sur
   mobile, 20 px au-delà dans common.css). */
body.its-hero-v2.post-type-archive-player main .archive-search {
  position: relative;
  z-index: 2;
  /* Le formulaire a un fond beige et un filet bas : sur le bandeau vert, il
     dessinait un rectangle clair. */
  background: none;
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 760px;
  margin-top: -64px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}
/* Bouton de recherche : vert foncé sur le bandeau vert foncé, il devenait
   invisible. Vert fluo, loupe en vert du menu. */
body.its-hero-v2.post-type-archive-player .search-row > button[type=submit].filter-toggle {
  background-color: var(--g-bright, #8ED968);
  border-color: var(--g-bright, #8ED968);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C3D34' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
}
/* Fil d'Ariane masqué sur le site, comme sur les articles (le balisage pour
   Google reste). L'app garde le sien. */
html:not(.is-app) body.its-hero-v2.post-type-archive-player nav.breadcrumb {
  display: none;
}

@media (min-width: 900px) {
  body.its-hero-v2.post-type-archive-player .page-hero {
    padding: 48px 24px 100px;
  }
  body.its-hero-v2.post-type-archive-player .page-hero-desc {
    font-size: 14px;
  }
  body.its-hero-v2.post-type-archive-player main .archive-search {
    margin-top: -73px;
  }
}