/* Masque le mini-panier WooCommerce de l’en-tête */
.woocommerce-menu-container,
#woocommerce-menu,
#toggle-cart {
	display: none !important;
}

/* ===== Palette World in French ===== */
/* Fond de page : crème */
body,
.site,
.site-header,
.site-content,
.site-footer {
	background-color: #FAF5EC;
}

/* Texte et titres : bleu nuit */
body,
.site-title a,
.site-description,
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-content,
.entry-meta,
.site-footer {
	color: #1F2A44;
}

/* Liens : terracotta foncé #A84F33, survol #944330 */
/* (!important nécessaire : le thème fixe ses couleurs avec des sélecteurs très spécifiques) */
a,
.main-navigation a,
.entry-content a,
.site-footer a {
	color: #A84F33 !important; /* terracotta foncé pour les liens (contraste AA) */
}
a:hover,
a:focus,
.main-navigation a:hover,
.main-navigation a:focus {
	color: #944330 !important;
}
.site-title a,
.site-title a:hover {
	color: #1F2A44 !important;
}
.entry-content p a {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Boutons : terracotta, texte blanc */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"],
input[type="button"],
.wpcf7-submit,
.entry .entry-content .wp-block-button .wp-block-button__link {
	background-color: #B5573A !important;
	border-color: #B5573A !important;
	color: #FFFFFF !important;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-element-button:hover,
.wp-element-button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
.wpcf7-submit:hover,
.wpcf7-submit:focus,
.entry .entry-content .wp-block-button .wp-block-button__link:hover,
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
	background-color: #944330 !important;
	border-color: #944330 !important;
	color: #FFFFFF !important;
}

/* Menu : entrée « Entretien de découverte » en bouton à contour */
.main-navigation .menu-bouton > a {
	display: inline-block;
	background-color: transparent !important;
	border: 1px solid #A84F33;
	color: #A84F33 !important;
	padding: 9px 17px !important;
	margin: 6px 0 6px 12px;
	line-height: 1.3 !important;
	height: auto !important;
	border-radius: 4px;
}
.main-navigation .menu-bouton > a:hover,
.main-navigation .menu-bouton > a:focus {
	background-color: transparent !important;
	border-color: #944330;
	box-shadow: inset 0 0 0 1px #944330;
	color: #944330 !important;
}

/* Blocs « portes » (Accueil et Cours) : fond sable clair */
.page-id-356 .entry-content .wp-block-column,
.page-id-360 .entry-content .wp-block-column {
	background-color: #F0E6D4;
	padding: 1.5rem 1.75rem;
	border-radius: 4px;
}

/* Titres : retours à la ligne équilibrés */
h1, h2, h3, h4, h5, h6,
.entry-title {
	text-wrap: balance;
}

/* Formulaire de contact : champs limités à la largeur de l’écran */
.wpcf7 form label,
.wpcf7 .wpcf7-form-control-wrap {
	display: block;
	max-width: 100%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
	max-width: 100%;
	box-sizing: border-box;
}

/* Masque visuellement le titre « Accueil » sur la page d’accueil uniquement (reste lisible par les lecteurs d’écran) */
body.home .entry-header {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Masque la mention « Propulsé par WordPress.com » dans le pied de page (le nom du site reste visible) */
.site-footer .site-info { visibility: hidden; }
.site-footer .site-info .site-name { visibility: visible; }
.site-footer .site-info .comma,
.site-footer .site-info a[href*="wordpress.com"] { display: none; }

/* Menu principal : espacement des liens réduit pour garder le menu sur une ligne (ordinateur et tablette) */
@media (min-width: 820px) {
  .main-navigation .main-menu > li:not(.menu-bouton) > a { padding-left: 10px; padding-right: 10px; }
}

/* Surtitre « Tribune » – article 529 */
.postid-529 .entry-header .entry-title::before {
	content: "Tribune";
	display: block;
	margin-bottom: 0.5em;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Sous-titre – article 529 */
.postid-529 .entry-header .entry-title::after {
	content: "L’alarme de l’étude PISA 2025";
	display: block;
	margin-top: 0.4em;
	font-size: 0.6em;
	font-style: italic;
	font-weight: 400;
}


/* ····· H5P : boutons à icône (Suivant, Précédent, Voir la correction, Réessayer, Terminer…) ····· */
/* Le thème Exford ajoute aux boutons des ::before/::after vides de 0 × 0 px,
   ce qui écrase les icônes H5P (flèches coupées ou qui dépassent). On rend aux icônes leur taille réelle. */
.h5p-content .h5p-theme-button {
	justify-content: center !important;
	line-height: 1 !important;
}
.h5p-content .h5p-theme-button::before,
.h5p-content .h5p-theme-button::after {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	line-height: 1 !important;
}
/* Pseudo-éléments vides ajoutés par le thème : masqués (sinon l'icône est décentrée) */
.h5p-content .h5p-theme-button:not(.h5p-theme-next)::after,
.h5p-content .h5p-theme-next::before {
	display: none !important;
}
/* Suivant / Précédent : même gabarit que les autres boutons à icône, flèche centrée et pleine */
.h5p-content .h5p-theme-nav-button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0 !important;
	padding: 16px 23px !important; /* = 66 × 52 px, comme les boutons bordés */
}
.h5p-content .h5p-theme-next::after,
.h5p-content .h5p-theme-previous::before {
	display: block !important;
	font-family: h5p-theme !important;
	font-size: 20px !important;
	color: #fff !important;
}

/* Sur mobile : boutons plus compacts pour que Suivant / Précédent et les points tiennent sur une ligne */
@media (max-width: 600px) {
	.h5p-content .h5p-navigation {
		gap: 8px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.h5p-content .h5p-theme-nav-button {
		padding: 13px 16px !important; /* 52 × 46 px */
	}
	.h5p-content .h5p-progress-dots-container {
		padding-left: 4px !important;
		padding-right: 4px !important;
		justify-content: center !important;
	}
	.h5p-content .h5p-theme-button:not(.h5p-theme-nav-button) {
		padding: 10px 13px !important; /* 52 × 46 px avec la bordure */
	}
}

/* H5P : petits boutons carrés du pied (Réutiliser / Intégrer) — icône pleine et centrée */
.h5p-content .h5p-actions .h5p-button {
	padding: 0 6px 0 0 !important;
}
.h5p-content .h5p-actions .h5p-button > button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	font-size: 0 !important; /* masque le libellé anglais ; le nom accessible reste dans aria-label */
	line-height: 1 !important;
	overflow: hidden;
}
.h5p-content .h5p-actions .h5p-button > button::after {
	display: none !important;
}
.h5p-content .h5p-actions .h5p-button > button::before {
	display: block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	color: #fff !important;
}