/*
Theme Name: Astrid Child
Theme URI: https://www.grip500.com/
Description: Thème enfant d'Astrid — correctifs d'accessibilité RAWeb 1.1 (chantier 09/2026).
Author: AD TYRES INTERNATIONAL SLU
Author URI: https://www.grip500.com/
Template: astrid
Version: 1.4.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astrid-child
*/

/* Tâche 0 : aucun correctif encore. La bascule doit être visuellement neutre. */

/* =========================================================================
   Tâche 1 — Structure
   ====================================================================== */

/* Le bloc d'en-tête garde son apparence malgré le changement de balises :
   le sur-titre passe de h4 à p, le titre de h3 à h1. */
.header-info h1.header-subtext {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.header-info p.header-text {
	margin: 0;
	font-weight: inherit;
}

/* =========================================================================
   Tâche 2 — Contraste et distinction des liens
   ====================================================================== */

/* Critère 3.2 — l'orange de marque #fe6215 sur blanc donne 3,01:1 alors que
   4,5:1 est exigé (35 occurrences mesurées le 16/09/2026). #d04501 est le
   premier ton de la même couleur qui atteint le seuil : 4,63:1.

   La règle ne vise QUE le contenu sur fond clair : sur le fond sombre #202529
   du menu et du pied de page, #fe6215 atteint déjà 5,13:1, alors que #d04501
   y tomberait à 3,34:1. Ne pas généraliser à toute la palette.

   Spécificité : (0,2,1), donc l'emporte sur le « a, a:hover { color:#fe6215 } »
   du CSS additionnel du Personnalisateur, qui n'est que (0,0,1). */
.entry-content a:not(.button),
.entry-content a:not(.button):visited {
	color: #d04501;
}

.entry-content a:not(.button):hover,
.entry-content a:not(.button):focus {
	color: #a23601;
}

/* Critère 3.1 — un lien au fil du texte ne doit pas se distinguer par la
   seule couleur. */
.entry-content p a:not(.button),
.entry-content li a:not(.button),
.entry-content td a:not(.button) {
	text-decoration: underline;
}

/* =========================================================================
   Tâche 2 — Reflow à 320 px
   ====================================================================== */

/* Critère 10.11 — à 320 px le formulaire de contact débordait de 26 px
   (scrollWidth 346 pour un clientWidth de 320). */
@media (max-width: 480px) {
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea,
	.wpcf7 label,
	.wpcf7 .wpcf7-form-control-wrap {
		display: block;
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* =========================================================================
   Tâche 4 — Burger mobile
   ====================================================================== */

/* Le burger devient un <button> pour être atteignable au clavier et porter un
   nom accessible : on retire l'habillage natif du bouton pour que l'apparence
   reste strictement identique à celle du <div> d'origine. */
button.btn-menu {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
	text-align: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/* =========================================================================
   Tâche 8 — Widget ALTCHA
   ====================================================================== */

/* Le widget doit rester lisible sur le fond sombre de la section contact
   de l'accueil, et son contour de focus visible (critère 10.7). */
.astrid-child-antispam {
	margin-bottom: 1em;
}

altcha-widget {
	display: block;
	max-width: 260px;
	--altcha-color-base: #ffffff;
	--altcha-color-border: #656d6d;
	--altcha-color-text: #202529;
	--altcha-border-radius: 2px;
}

/* Le libellé du widget hérite sinon du #e8ecef appliqué aux sections sombres
   de l'accueil (CSS additionnel du Personnalisateur), ce qui donne du gris très
   clair sur le fond blanc du widget — contraste inexploitable. On impose la
   couleur du texte : #202529 sur #ffffff = 14,5:1. */
altcha-widget .altcha,
altcha-widget .altcha-label,
altcha-widget .altcha-main,
altcha-widget .altcha a {
	color: #202529;
}

altcha-widget input[type="checkbox"]:focus-visible {
	outline: 2px solid #d04501;
	outline-offset: 2px;
}

/* =========================================================================
   Mention de conformité (article 47 IV)
   ====================================================================== */

.astrid-child-a11y-mention {
	margin: 0 0 .5em;
	font-size: 13px;
}

.astrid-child-a11y-mention a {
	text-decoration: underline;
}