/*
 * Talents Chrétiens — WordPress adjustments for the Contact page.
 * The validated design ships a static mockup; these rules cover the pieces a real form needs
 * (error states, honeypot, accessible FAQ button, confirmation) without changing the design.
 */

/* Honeypot and the invisible page title. */
.tc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Validation messages, same look as the login and submit forms. */
.tc-field-error { color: #C53030; font-size: 12.5px; font-weight: 600; margin-top: 6px; }
.tc-global-error {
	background: #FFF5F5; border: 1px solid #FEB2B2; color: #9B2C2C;
	border-radius: 10px; padding: 11px 13px; margin: 0 0 18px;
	font-size: 13.5px; font-weight: 600;
}

/* The FAQ question is a real <button> for keyboard and screen-reader users: strip the UA style
   so it renders exactly like the design's <div>. */
.faq-card .faq-q {
	width: 100%; background: none; border: 0; margin: 0; text-align: left;
	font-family: inherit; line-height: 1.45;
}
.faq-card .faq-q:focus-visible { outline: 2px solid var(--gold); outline-offset: -2px; }

/* Confirmation panel after a message is sent. */
.tc-contact-sent { padding: 4px 0 2px; }
.tc-contact-sent p { margin: 8px 0 18px; font-size: 14px; line-height: 1.6; color: var(--soft); }
.tc-contact-sent .btn-send { display: inline-flex; text-decoration: none; }