/**
 * Accessibilité — contraste, cibles tactiles, lisibilité des formulaires.
 * Chargé après style.css + footer.css (ajustements locaux sans refactor massif).
 * Couleur primaire : celle du thème (`var(--pink)` dans style.css), sans la remplacer.
 */

:root {
	--wstart-a11y-text-strong: #1a1a1a;
	--wstart-a11y-text-muted-on-white: #3d3d3d;
	--wstart-a11y-footer-link-on-dark: #c8c8cc;
}

/* —— Boutons primaires : focus visible uniquement (couleurs = thème) —— */
a.pink_button:focus-visible,
button.pink_button:focus-visible,
.wpcf7-submit:focus-visible {
	outline: 3px solid #111111;
	outline-offset: 3px;
}

/* Liens type « voir le portfolio » sur fond sombre */
.general_home_sec .view_port {
	color: #f3f4f6 !important;
}

.general_home_sec .view_port:hover,
.general_home_sec .view_port:focus-visible {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Liens projet / CTA gris → texte plus foncé sur fond clair */
.project_items .projectt_link,
.projects_descrips .projectt_link {
	color: var(--wstart-a11y-text-muted-on-white) !important;
}

.project_items .projectt_link svg path,
.projects_descrips .projectt_link svg path {
	stroke: #4b5563 !important;
}

/* Carte formulaire (#form) : champs et mentions */
.your_proj_blck .inps_,
.your_proj_blck textarea.inps_,
.your_proj_blck select.inps_ {
	color: var(--wstart-a11y-text-strong) !important;
	border-bottom-color: #6b7280 !important;
}

.your_proj_blck .inps_::placeholder,
.your_proj_blck textarea.inps_::placeholder {
	color: #4b5563 !important;
	opacity: 1;
}

.your_proj_blck .descrip_privacy,
.your_proj_blck .descrip_privacy * {
	color: var(--wstart-a11y-text-muted-on-white) !important;
}

.your_proj_blck .privacy_a {
	color: #111111 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.your_proj_blck .privacy_a:hover,
.your_proj_blck .privacy_a:focus-visible {
	color: #000000 !important;
}

/* Slider témoignages : rôle + sous-titre */
.white_review_blck .whois_rev {
	color: #374151 !important;
	font-weight: 600;
}

.white_review_blck .nameof_rev {
	color: #111111 !important;
}

/* Newsletter pied de page : texte saisi plus lisible sur fond noir */
.footer_subscribtion_input {
	color: #f3f4f6 !important;
}

.footer_subscribtion_input::placeholder {
	color: #9ca3af !important;
	opacity: 1;
}

/* Liens services (grille footer) sur fond noir */
.footer_service_row_content_item > li > a {
	color: var(--wstart-a11y-footer-link-on-dark) !important;
}

.footer_service_row_content_item > li > a:hover,
.footer_service_row_content_item > li > a:focus-visible {
	color: var(--pink, #ff29d0) !important;
}

/* Titres sous-sections services footer (ex-h6) */
.footer_service_row_title > h3.footer_service_row_heading {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: var(--white, #ffffff);
	line-height: 1.3;
}

/* Navigation — cibles tactiles minimales 44×44 (recommandation WCAG 2.5.5 / Lighthouse) */
footer .footer_page_navigation > ul > li > a,
footer .footer_page_navigation ul.menu > li > a,
footer .wstart-legal-footer a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 10px 4px;
	box-sizing: border-box;
}

footer .footer_service_row_content_item > li > a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 8px 2px;
	box-sizing: border-box;
}

/* Cartes services accueil : tags un peu plus lisibles */
.wsl-card__tags li {
	color: rgba(255, 255, 255, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Bloc portfolio : `.our_proj` a un fond blanc ; le sélecteur global `*` met le texte en blanc — h3 était donc illisible. */
.title_ourserv h3 {
	color: var(--black) !important;
}

/* Titres des fiches projet dans le carrousel (ex. « France Containers ») */
.our_projects .project_items .projects_descrips > h4,
.our_projects .project_items .projects_descrips > h5 {
	color: var(--black) !important;
	font-size: clamp(1.0625rem, 1.9vw, 1.3125rem) !important;
	line-height: 1.28 !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: -0.02em !important;
}