/* Formulaire de personnalisation du chèque cadeau.
   Volontairement neutre : reprend les couleurs du thème via currentColor
   et le même vocabulaire visuel que le bloc .variations. */

.pondres-gift {
	margin: 0 0 22px;
}

.pondres-gift__head {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 14px;
}

.pondres-gift__title {
	flex: 0 0 auto;
	font-weight: bold;
	color: var( --e-global-color-secondary );
}

.pondres-gift__leader {
	flex: 1 1 auto;
	min-width: 20px;
	border-bottom: 1px dotted currentColor;
	opacity: .35;
	transform: translateY(-.25em);
}

.pondres-gift__fields {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pondres-gift__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.pondres-gift__field label {
	font-size: .9em;
	opacity: .8;
}

.pondres-gift__field .required {
	border: 0;
	text-decoration: none;
}

.pondres-gift__field input[type="text"],
.pondres-gift__field textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: transparent;
	font: inherit;
	color: inherit;
	transition: border-color .15s ease;
}

.pondres-gift__field textarea {
	resize: vertical;
	min-height: 80px;
}

.pondres-gift__field input[type="text"]:focus,
.pondres-gift__field textarea:focus {
	border-color: currentColor;
	outline: none;
}

.pondres-gift__note {
	margin: 12px 0 0;
	font-size: .85em;
	opacity: .7;
}

/* Deux colonnes dès qu'il y a la place */
@media (min-width: 600px) {
	.pondres-gift__fields {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 14px;
	}

	.pondres-gift__field--gift_message {
		grid-column: 1 / -1;
	}
}

/* ------------------------------------------------------------------
   Bloc d'ajout au panier

   WooCommerce empile quantité et bouton dans .woocommerce-variation-add-to-cart,
   que la plupart des thèmes passent en flex row avec le bouton collé à
   l'input. On repasse en colonne.

   Les !important sont volontaires et limités à trois propriétés : la règle
   du thème a une spécificité plus forte et arrive après dans la cascade.
   ------------------------------------------------------------------ */

.variations_form .woocommerce-variation-add-to-cart,
form.cart:not(.variations_form) {
	display: flex !important;
	gap: 0;
}

.variations_form .woocommerce-variation-add-to-cart .quantity,
form.cart .quantity {
	display: block;
	float: none;
	margin: 0 0 18px;
}

.variations_form .woocommerce-variation-add-to-cart .quantity .qty,
form.cart .quantity .qty {
	width: 5.5em;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: transparent;
	font: inherit;
	color: inherit;
	text-align: center;
}

.variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
form.cart .single_add_to_cart_button {
	align-self: stretch;
	width: 100%;
	float: none;
	margin: 0;
}

/* Le badge reCAPTCHA v3 flotte en bas à droite et gêne souvent.
   On le masque : la mention légale est affichée sous le bouton. */
.grecaptcha-badge {
	visibility: hidden;
}

.pondres-gift-recaptcha-notice {
	margin: 10px 0 0;
	font-size: .75em;
	opacity: .6;
	line-height: 1.4;
}

.pondres-gift-recaptcha-notice a {
	color: inherit;
	text-decoration: underline;
}