/* ==========================================================================
   SCOPE - tableau de bord des membres : boutons « Communauté » (scope-dashboard.css)
   --------------------------------------------------------------------------
   Chargé seulement sur la page qui contient la liste <ul class="scope-home-community"> (voir scope-pages.php). Le contenu de la page ne change pas.
   Les trois liens (Concours, Instagram, Facebook) étaient du texte gris sans fond : rien n'indiquait qu'on pouvait cliquer. Ils deviennent de vrais boutons :
   contour et fond nets, libellé en gras, zone tactile d'au moins 48 px, survol et focus visibles. Ils restent plus discrets que les grandes tuiles
   « Outils du quotidien » (contour seulement, pas de fond plein).
   Les couleurs, le rayon des angles viennent des variables --scope-* (scope-themes.css) : aucun code propre à un thème, les futurs thèmes sont couverts.
   Ce fichier passe devant les anciennes règles « .scope-home-community » du CSS personnalisé de Divi et des thèmes (sélecteurs plus précis) : ces anciennes règles
   peuvent rester, elles ne s'appliquent plus aux couleurs, contours et alignements définis ici.
   ========================================================================== */

.scope-home-section ul.scope-home-community {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
}

.scope-home-section ul.scope-home-community li {
	min-width: 0;
	border: 2px solid var(--scope-link, #4b163f) !important;
	border-radius: var(--scope-radius, 10px);
	background: var(--scope-card, #ffffff) !important;
	color: var(--scope-link, #4b163f) !important;
	box-shadow: 0 2px 0 var(--scope-link, #4b163f);
	transition: background-color .15s, color .15s, transform .15s, box-shadow .15s;
}

.scope-home-section ul.scope-home-community li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 64px;
	padding: 10px 6px;
	color: var(--scope-link, #4b163f) !important;
	text-align: center;
	text-decoration: none !important;
}

.scope-home-section ul.scope-home-community li .glyphicon {
	display: block;
	margin: 0;
	line-height: 1;
}

.scope-home-section ul.scope-home-community li i.bi {
	color: var(--scope-link, #4b163f) !important;
	font-size: 1.35em;
	line-height: 1;
}

.scope-home-section ul.scope-home-community .glyphicon-class {
	margin: 0;
	color: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

/* Survol, appui et clavier : le bouton se remplit (texte et icône prennent la couleur « sur accent ») */
.scope-home-section ul.scope-home-community li:hover,
.scope-home-section ul.scope-home-community li:focus-within {
	background: var(--scope-accent, #4b163f) !important;
	box-shadow: 0 2px 0 var(--scope-link, #4b163f);
}

.scope-home-section ul.scope-home-community li:hover a,
.scope-home-section ul.scope-home-community li:hover i.bi,
.scope-home-section ul.scope-home-community li:focus-within a,
.scope-home-section ul.scope-home-community li:focus-within i.bi {
	color: var(--scope-on-accent, #ffffff) !important;
}

.scope-home-section ul.scope-home-community li:active {
	transform: translateY(2px);
	box-shadow: none;
}

.scope-home-section ul.scope-home-community li a:focus-visible {
	outline: 3px solid var(--scope-focus, #4b163f);
	outline-offset: 3px;
}

/* Un peu plus large : icône à gauche du libellé */
@media (min-width: 560px) {
	.scope-home-section ul.scope-home-community li a {
		flex-direction: row;
		gap: 8px;
		min-height: 52px;
	}
	.scope-home-section ul.scope-home-community .glyphicon-class {
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.scope-home-section ul.scope-home-community li {
		transition: none;
	}
	.scope-home-section ul.scope-home-community li:active {
		transform: none;
	}
}

/* ==========================================================================
   Affinage sur téléphone (17/10/2026) : tuiles moins hautes, calendrier au cadre plus léger
   Constat (390 px) : « Outils du quotidien » = 6 tuiles de 80 px sur 3 lignes (353 px) ; « Mon compte » = 9 tuiles sur 4 colonnes
   avec des libellés sur 3 lignes et des hauteurs inégales (356 px) ; calendrier au trait noir, le plus lourd de la page.
   Même page, mêmes classes ; les anciennes règles de « CSS from Divi theme.css » restent en place (celles-ci sont plus précises).
   ========================================================================== */
/* --- Outils du quotidien : 3 tuiles par ligne (2 lignes au lieu de 3), icône et libellé centrés --- */
.scope-home-section ul.scope-home-tools {
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
}
.scope-home-section ul.scope-home-tools li a {
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 76px;
	padding: 12px 6px;
	text-align: center;
}
.scope-home-section ul.scope-home-tools li i.bi {
	font-size: 1.6em;
}
.scope-home-section ul.scope-home-tools .glyphicon-class {
	font-size: 13px;
	line-height: 1.2;
}
@media (min-width: 768px) {
	.scope-home-section ul.scope-home-tools {
		grid-template-columns: repeat(6, 1fr) !important;
	}
}

/* --- Mon compte : 3 tuiles par ligne, toutes de la même hauteur (libellés sur 2 lignes au plus) --- */
.scope-home-section ul.scope-home-account {
	grid-template-columns: repeat(3, 1fr) !important;
	grid-auto-rows: 1fr;
	gap: 8px !important;
}
.scope-home-section ul.scope-home-account li a {
	box-sizing: border-box;
	height: 100%;
	justify-content: center;
	gap: 4px;
	min-height: 60px;
	padding: 8px 4px;
}
.scope-home-section ul.scope-home-account .glyphicon-class {
	font-size: 12px;
	line-height: 1.2;
}
@media (min-width: 560px) {
	.scope-home-section ul.scope-home-account {
		grid-template-columns: repeat(5, 1fr) !important;
	}
}

/* Calendrier de la semaine : tout son CSS est désormais dans plugins/athlete-dashboard/css/wp_athletedashboard.css (section « Calendrier de la semaine », 19/10/2026). */

/* --- Ma salle (17/10/2026) : les trois liens réservés aux coachs (Accès la veille, Accès le lendemain, Mes comptes) sortent de
       « Mon compte » et forment une rangée à part (tableau de bord.html, liste <ul class="scope-home-gym"> dans [mepr-active]).
       Mêmes tuiles neutres que « Mon compte » : 3 par ligne sur téléphone, 5 dès 560 px, pour que les deux rangées s'alignent. --- */
.scope-home-section ul.scope-home-gym {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 16px !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
	gap: 8px !important;
}
.scope-home-section ul.scope-home-gym li {
	min-width: 0;
	border-radius: 10px;
	background-color: #eceef1;
}
.scope-home-section ul.scope-home-gym li a {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 60px;
	padding: 8px 4px;
	color: #4b5259;
	text-align: center;
	text-decoration: none;
}
.scope-home-section ul.scope-home-gym li .glyphicon {
	display: block;
	margin: 0;
	line-height: 1;
}
.scope-home-section ul.scope-home-gym li i.bi {
	font-size: 1.3em;
	color: #5b6673;
}
.scope-home-section ul.scope-home-gym .glyphicon-class {
	display: block;
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
	word-wrap: break-word;
}
/* WordPress (wpautop) ajoute un <br> après chaque retour à la ligne du code : masqués, sauf ceux des libellés (« Accès<br/>La veille ») */
.scope-home-section ul.scope-home-gym li a > br,
.scope-home-section ul.scope-home-gym li .glyphicon br {
	display: none;
}
@media (min-width: 560px) {
	.scope-home-section ul.scope-home-gym {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* ==========================================================================
   Rétrogradation du reste (18/10/2026) : la carte « Ma séance du jour » (shortcode [athlete_dashboard_today], en tête de la page) est le seul
   élément saillant. Tout le reste se fait plus discret : les tuiles « Outils du quotidien » prennent la taille des tuiles « Mon compte »
   (60 px au lieu de 76, icône et libellé plus petits, couleurs inchangées), les boutons « Communauté » sont moins hauts, les sections plus
   serrées, et le calendrier devient une section « Ma semaine » (libellé dans le contenu de la page, titre de la barre d'outils plus petit).
   La « Forme du jour » n'est plus sur le tableau de bord : elle reste au bas de chaque séance (carte « Ma forme du jour »).
   ========================================================================== */
.scope-home-section ul.scope-home-tools {
	gap: 8px !important;
}
.scope-home-section ul.scope-home-tools li a {
	min-height: 60px;
	padding: 8px 4px;
	gap: 4px;
}
.scope-home-section ul.scope-home-tools li i.bi {
	font-size: 1.3em;
}
.scope-home-section ul.scope-home-tools .glyphicon-class {
	font-size: 12px;
}
.scope-home-section ul.scope-home-community li a {
	min-height: 48px;
	padding: 8px 6px;
}
.scope-home-section ul.scope-home-community .glyphicon-class {
	font-size: 13px;
}
.entry-content .scope-home-section {
	margin-bottom: 16px;
}
@media (min-width: 560px) {
	.scope-home-section ul.scope-home-community li a {
		min-height: 44px;
	}
}

/* ==========================================================================
   Tuiles sans soulignement (18/10/2026 tard) : Bootstrap 5 (chargé sur le site) souligne tous les liens (« a { text-decoration: underline } »)
   et le thème Halloween en rajoute une (« body.halloween p a… ») ; les libellés des tuiles « Outils du quotidien », « Mon compte » et
   « Ma salle » apparaissaient soulignés. Les boutons « Communauté » et la carte « Ma séance du jour » avaient déjà leur « none !important ».
   Règle ici, valable pour tous les thèmes.
   ========================================================================== */
.scope-home-section ul.scope-home-tools li a,
.scope-home-section ul.scope-home-account li a,
.scope-home-section ul.scope-home-gym li a,
.scope-home-section ul.scope-home-tools li a .glyphicon-class,
.scope-home-section ul.scope-home-account li a .glyphicon-class,
.scope-home-section ul.scope-home-gym li a .glyphicon-class {
	text-decoration: none !important;
}


/* ==========================================================================
   Signature « tableau blanc de box » (19/10/2026) : tableau de bord
   --------------------------------------------------------------------------
   Direction choisie par Matthieu (19/10/2026) pour s'écarter des tics de design « générés » (cartes blanches arrondies à ombre douce, petits
   libellés gris en capitales espacées, pastilles, icônes partout, même rayon sur tout) : les titres de section s'écrivent dans la police des
   titres du thème (Oswald par défaut), en capitales, posés sur un filet fin ; les tuiles gardent leur contenu mais deviennent des cases à
   angles presque droits (jeton --scope-radius, 3 px par défaut) sans ombre ; le bouton du calendrier devient une ligne de titre avec « + / − » ;
   les boutons « Communauté » prennent un contour de 1 px. Les couleurs et la police viennent des jetons --scope-* (scope-themes.css) : les
   thèmes Dexter, Fallout, Noël et Halloween s'appliquent d'eux-mêmes (ils ne définissent que ces jetons pour ces composants).
   Les classes sont parfois répétées (.scope-home-section.scope-home-section) : les habillages écrivent des règles « body.theme ... » sur les
   mêmes tuiles et se chargent après cette feuille ; répéter une classe suffit à passer devant sans « !important ».
   ========================================================================== */
/* --- Titres de section (« Outils du quotidien », « Mon compte »…) : police des titres, capitales, filet fin aligné sur les tuiles --- */
.scope-home-section .scope-home-section-label.scope-home-section-label {
	margin: 0 16px 10px;
	padding: 0 0 4px;
	border-bottom: 1px solid var(--scope-line, #8c7b87);
	font-family: var(--scope-font-head);
	font-size: 1.05rem;
	font-weight: var(--scope-head-weight, 500);
	line-height: 1.15;
	letter-spacing: var(--scope-head-tracking, .03em);
	text-transform: var(--scope-head-case, uppercase);
	color: var(--scope-head, #4b163f);
}
.entry-content .scope-home-section.scope-home-section {
	margin-bottom: 22px;
}

/* --- Tuiles « Outils du quotidien » : pleines (accent du thème), angles du jeton, sans ombre ; icône en couleur « repère » --- */
.scope-home-section ul.scope-home-tools.scope-home-tools li {
	border: 0;
	border-radius: var(--scope-radius, 3px);
	background-color: var(--scope-accent, #4b163f);
	box-shadow: none;
}
.scope-home-section ul.scope-home-tools.scope-home-tools li a,
.scope-home-section ul.scope-home-tools.scope-home-tools .glyphicon-class {
	color: var(--scope-on-accent, #ffffff);
	font-weight: 600;
}
.scope-home-section ul.scope-home-tools.scope-home-tools li i.bi {
	color: var(--scope-tag, #ffc107);
}
.scope-home-section ul.scope-home-tools.scope-home-tools li:hover {
	background-color: var(--scope-accent2, #34102c);
	border-color: transparent;
}

/* --- Tuiles « Mon compte » et « Ma salle » : cases à contour fin sur le fond de carte, icône en couleur de lien --- */
.scope-home-section ul.scope-home-account.scope-home-account li,
.scope-home-section.scope-home-section ul.scope-home-gym.scope-home-gym li {
	border: 1px solid var(--scope-line, #8c7b87);
	border-radius: var(--scope-radius, 3px);
	background-color: var(--scope-card, #ffffff);
	box-shadow: none;
}
.scope-home-section ul.scope-home-account.scope-home-account li a,
.scope-home-section ul.scope-home-account.scope-home-account .glyphicon-class,
.scope-home-section.scope-home-section ul.scope-home-gym.scope-home-gym li a,
.scope-home-section.scope-home-section ul.scope-home-gym.scope-home-gym .glyphicon-class {
	color: var(--scope-text, #2b2b2b);
	font-weight: 600;
}
.scope-home-section ul.scope-home-account.scope-home-account li i.bi,
.scope-home-section.scope-home-section ul.scope-home-gym.scope-home-gym li i.bi {
	color: var(--scope-link, #4b163f);
}
.scope-home-section ul.scope-home-account.scope-home-account li:hover,
.scope-home-section.scope-home-section ul.scope-home-gym.scope-home-gym li:hover {
	border-color: var(--scope-link, #4b163f);
}

/* --- « Communauté » : contour de 1 px, angles du jeton, plus d'ombre portée ni d'enfoncement --- */
.scope-home-section ul.scope-home-community.scope-home-community li {
	border-width: 1px !important;
	border-radius: var(--scope-radius, 3px);
	box-shadow: none;
}
.scope-home-section ul.scope-home-community.scope-home-community li:hover,
.scope-home-section ul.scope-home-community.scope-home-community li:focus-within {
	box-shadow: none;
}
.scope-home-section ul.scope-home-community.scope-home-community li:active {
	transform: none;
}
.scope-home-section ul.scope-home-community.scope-home-community .glyphicon-class {
	font-weight: 600;
}