/* Formulaire « Votre accès gratuit » du site ([pc_acces_gratuit], includes/inscription.php). Couleurs de la vitrine
   (corail #e85a4f, palette Kadence 2). Les boutons neutralisent les styles du thème (fond corail au survol et au clic). */
.pc-ag { box-sizing: border-box; width: 100%; max-width: 460px; margin: 28px auto; padding: 20px 18px; display: flex; flex-direction: column; gap: 12px; background: #fff; border: 2px solid #e85a4f; border-radius: 18px; box-shadow: 0 6px 20px rgb(26 32 44 / 0.08); color: #2d3748; font-size: 16px; line-height: 1.45; text-align: left; }
.pc-ag *, .pc-ag *::before, .pc-ag *::after { box-sizing: border-box; }
.pc-ag [hidden] { display: none !important; }
.pc-ag p { margin: 0; }
.pc-ag a { color: #b93a31; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.pc-ag a:hover { color: #8f2c25; }

.pc-ag-head { display: flex; align-items: center; gap: 12px; }
.pc-ag img.pc-ag-photo { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; margin: 0; }
.pc-ag-pill { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #e6f4ea; color: #13612e; font-size: 13px; font-weight: 800; }
.pc-ag p.pc-ag-title { margin-top: 4px; font-size: 22px; line-height: 1.2; font-weight: 900; letter-spacing: -0.01em; color: #1a202c; }
.pc-ag-who { font-size: 14px; font-weight: 700; color: #4a5568; }
.pc-ag-text { font-size: 16px; color: #2d3748; }

.pc-ag-form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.pc-ag-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pc-ag-piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pc-ag input.pc-ag-input { width: 100%; height: 52px; margin: 0; padding: 0 14px; border: 1.5px solid #a0aec0; border-radius: 12px; background: #fff; color: #1a202c; font: inherit; font-size: 17px; font-weight: 600; box-shadow: none; }
.pc-ag input.pc-ag-input::placeholder { color: #5a6577; font-weight: 600; opacity: 1; }
.pc-ag input.pc-ag-input:focus { outline: 2px solid #2f7489; outline-offset: 1px; border-color: #2f7489; }
.pc-ag-info { font-size: 13px; color: #4a5568; }
.pc-ag-fine { font-size: 13px; color: #4a5568; }
.pc-ag-error { color: #b32d2e; font-size: 15px; font-weight: 700; }
.pc-ag-suggest { font-size: 15px; color: #2d3748; }

.pc-ag .pc-ag-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin: 0; padding: 8px 16px; border: 0; border-radius: 14px; background: #e85a4f; color: #fff; font: inherit; font-size: 19px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 3px 0 #b93a31; cursor: pointer; }
.pc-ag .pc-ag-btn:hover, .pc-ag .pc-ag-btn:focus, .pc-ag .pc-ag-btn:active { background: #d64a3f; color: #fff; box-shadow: 0 3px 0 #b93a31; }
.pc-ag .pc-ag-btn:focus-visible { outline: 2px solid #2f7489; outline-offset: 2px; }
.pc-ag .pc-ag-btn[disabled] { opacity: 0.7; cursor: default; }
.pc-ag .pc-ag-btn.pc-ag-btn-2, .pc-ag .pc-ag-btn.pc-ag-btn-2:hover, .pc-ag .pc-ag-btn.pc-ag-btn-2:focus { min-height: 52px; background: #fff; color: #1a202c; border: 1.5px solid #cbd5e0; box-shadow: none; font-size: 17px; }

/* Les liens-boutons restent des liens : le thème colore tout bouton survolé, cliqué ou sélectionné. */
.pc-ag .pc-ag-link, .pc-ag .pc-ag-link:hover, .pc-ag .pc-ag-link:focus, .pc-ag .pc-ag-link:active { align-self: flex-start; min-height: 0; margin: 0; padding: 6px 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #b93a31; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: left; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.pc-ag .pc-ag-link:hover { color: #8f2c25; }
.pc-ag .pc-ag-link:focus { outline: none; }
.pc-ag .pc-ag-link:focus-visible { outline: 2px solid #2f7489; outline-offset: 2px; border-radius: 4px; }
.pc-ag .pc-ag-link[disabled] { opacity: 0.6; cursor: default; }
.pc-ag-suggest .pc-ag-link, .pc-ag-suggest .pc-ag-link:hover, .pc-ag-suggest .pc-ag-link:focus { display: inline; padding: 0; font-size: 15px; }

.pc-ag-known { display: flex; flex-direction: column; gap: 10px; }
.pc-ag-known strong { overflow-wrap: anywhere; color: #1a202c; }
.pc-ag-foot { padding-top: 10px; border-top: 1px solid #e2e8f0; font-size: 14px; color: #4a5568; }
.pc-ag-sep { margin: 0 4px; }
.pc-ag-membre { gap: 10px; }

@media (min-width: 640px) {
	.pc-ag { padding: 26px; gap: 14px; }
	.pc-ag p.pc-ag-title { font-size: 24px; }
}