/* Accessibilité Pro — styles complémentaires (les couleurs et tailles sont dans theme.json) */

/* ---------- Accessibilité ---------- */
:where(a, button, input, select, textarea, summary, .wp-block-navigation-item__content):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1);
	outline-offset: 3px;
	border-radius: 4px;
}
.wp-element-button,
.wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
	* { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- En-tête ---------- */
.rp-entete {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
	background: var(--wp--preset--color--base);
}
.rp-entete .wp-block-site-tagline {
	color: var(--wp--preset--color--accent-4);
	margin: 0;
}
.rp-entete .wp-block-navigation a:hover { text-decoration: underline; }

/* ---------- Page d'accueil ---------- */
.rp-hero { background: var(--wp--preset--color--accent-2); }
.rp-hero .rp-intro {
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--contrast);
	max-width: 42ch;
	/* reste aligné à gauche avec le titre, même dans la mise en page centrée */
	margin-left: max(0px, calc((100% - 1200px) / 2)) !important;
}
.rp-cartes { flex-wrap: wrap !important; }
.rp-cartes > .wp-block-column { flex: 1 1 230px !important; }
.rp-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent-3);
	border: 2px solid var(--wp--preset--color--accent-3);
}
.rp-carte {
	background: var(--wp--preset--color--base);
	border: 2px solid var(--wp--preset--color--accent-6);
	border-radius: 14px;
	padding: 1.5rem;
	height: 100%;
	box-sizing: border-box;
}
.rp-carte:hover { border-color: var(--wp--preset--color--accent-3); }
.rp-carte h3 { margin-top: 0; }
.rp-carte h3 a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.rp-carte h3 a::after { content: " →"; color: var(--wp--preset--color--accent-3); }
.rp-guides .wp-block-post {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 14px;
	padding: 1.25rem;
}
.rp-guides .wp-block-post-date { color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--small); }
.rp-confiance { background: var(--wp--preset--color--accent-5); }
.rp-confiance h3 { font-size: var(--wp--preset--font-size--medium); }

/* ---------- Pied de page ---------- */
.rp-pied { background: var(--wp--preset--color--contrast); color: #FFFFFF; }
.rp-pied a { color: #FFFFFF; }
.rp-pied a:hover { color: var(--wp--preset--color--accent-1); }
.rp-pied .rp-petit { font-size: var(--wp--preset--font-size--small); color: #D5DEE6; }
.rp-pied h2 { color: #FFFFFF; font-size: var(--wp--preset--font-size--medium); }

/* ---------- Articles écrits par le robot ---------- */
.rp-essentiel {
	background: var(--wp--preset--color--accent-2);
	border-left: 6px solid var(--wp--preset--color--accent-3);
	border-radius: 10px;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0 2rem;
}
.rp-essentiel h2 { margin-top: 0; font-size: var(--wp--preset--font-size--large); }
.rp-mention {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-4);
	border-top: 1px solid var(--wp--preset--color--accent-6);
	padding-top: 0.75rem;
}
/* Boutons d'achat (liens affiliés) bien visibles */
.wp-block-post-content a[rel~="sponsored"] {
	display: inline-block;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
	text-decoration: none;
	padding: 0.55em 1em;
	border-radius: 10px;
	margin: 0.2em 0;
	line-height: 1.3;
}
.wp-block-post-content a[rel~="sponsored"]::after { content: " ↗"; }
.wp-block-post-content a[rel~="sponsored"]:hover { background: var(--wp--preset--color--contrast); color: #FFFFFF; }
/* Tableaux comparatifs lisibles et défilables sur téléphone */
.wp-block-post-content table {
	border-collapse: collapse;
	width: 100%;
	margin: 1.5rem 0;
	font-size: var(--wp--preset--font-size--small);
}
@media (max-width: 700px) {
	/* sur téléphone, le tableau défile horizontalement au lieu de déborder */
	.wp-block-post-content table { display: block; overflow-x: auto; }
}
.wp-block-post-content th,
.wp-block-post-content td {
	border: 1px solid var(--wp--preset--color--accent-6);
	padding: 0.6rem 0.8rem;
	text-align: left;
	vertical-align: top;
}
.wp-block-post-content thead th { background: var(--wp--preset--color--accent-2); }
.wp-block-post-content tbody tr:nth-child(even) { background: var(--wp--preset--color--accent-5); }
.wp-block-post-content blockquote {
	border-left: 4px solid var(--wp--preset--color--accent-1);
	margin-left: 0;
	padding-left: 1.25rem;
}
.wp-block-post-content li { margin-bottom: 0.4em; }