/* YCEO PV — styles par défaut, pensés pour s'adapter au thème actif.
   Les boutons utilisent la classe wp-element-button (WordPress 6.1+), qui
   reprend automatiquement le style des boutons défini par votre thème actif
   (couleur, arrondi, police...), sans que ce plugin ait besoin de le deviner. */

.pv-payment-app,
.pv-confirmation-email-app {
	max-width: 480px;
	margin: 0 auto;
	font-family: inherit;
	color: inherit;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.pv-payment-app .pv-field,
.pv-confirmation-email-app .pv-field {
	width: 100%;
	max-width: 320px;
	margin: 0 auto 1.2em auto;
}

.pv-payment-app label,
.pv-confirmation-email-app label {
	display: block;
	margin-bottom: 0.4em;
	font-weight: 600;
	font-size: 0.95em;
}

.pv-payment-app input[type="text"],
.pv-payment-app input[type="date"],
.pv-confirmation-email-app input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 0.6em 0.8em;
	font-size: 1em;
	font-family: inherit;
	color: inherit;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Champs numéro de PV et date de naissance : moitié moins larges,
   pour un rendu plus compact et cohérent avec le reste du site. */
#pv-num-pv,
#pv-date-naissance {
	width: 50%;
	min-width: 160px;
}

.pv-payment-app input[type="text"]:focus,
.pv-payment-app input[type="date"]:focus,
.pv-confirmation-email-app input[type="email"]:focus {
	outline: 2px solid currentColor;
	outline-offset: 1px;
}

/* Boutons : reprend le style turquoise arrondi du thème YCÉO */
.pv-payment-app button,
.pv-confirmation-email-app button {
	display: inline-block;
	padding: 0.9em 1.8em;
	font-size: 1em;
	font-family: inherit;
	font-weight: 700;
	color: #fff;
	background-color: #14a3a6;
	border: none;
	border-radius: 14px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.pv-payment-app button:hover,
.pv-confirmation-email-app button:hover {
	background-color: #0f8a8d;
}

.pv-payment-app button:disabled,
.pv-confirmation-email-app button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.pv-payment-app .pv-message,
.pv-confirmation-email-app .pv-message {
	margin-top: 0.8em;
	font-size: 0.95em;
}

.pv-payment-app .pv-payment-result:not([hidden]) {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: auto;
	max-width: 100%;
	margin: 1.2em auto 0 auto;
	padding: 1.2em 1.8em;
	background-color: rgba(0, 0, 0, 0.03);
	border-radius: 10px;
}

.pv-payment-app .pv-payment-result p {
	margin-top: 0;
}

.pv-confirmation-email-app form {
	margin-top: 1em;
}