/*
 * Pagina d'acquisto delle gift card (W14, #102). Solo sulle pagine prodotto
 * di tipo gift card (lo decide cdc-gift-card.php).
 */

/* Ordine: a chi la regali → foto facoltativa → pulsante.
   (YITH mette .gift-cards_form { display: block !important }.) */
body.single-product div.product form.cart.gift-cards_form {
	display: flex !important;
	flex-direction: column;
	align-items: stretch; /* .summary .cart di Avada centra: titoli e pulsante si stringevano */
}
body.single-product div.product form.cart.gift-cards_form > .ywgc_delivery_info_title { order: 1; }
body.single-product div.product form.cart.gift-cards_form > .gift-card-content-editor.step-content { order: 2; }
body.single-product div.product form.cart.gift-cards_form > .ywgc_choose_design_title { order: 3; }
body.single-product div.product form.cart.gift-cards_form > .gift-card-content-editor.step-appearance { order: 4; }
body.single-product div.product form.cart.gift-cards_form > .gift-cards-list { order: 5; }
body.single-product div.product form.cart.gift-cards_form > .gift_card_template_button {
	order: 6;
	margin-top: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}
body.single-product div.product form.cart.gift-cards_form > .gift_card_template_button > * { margin: 0; }

/* Titoli delle due sezioni come gli altri titoli del sito. Quello della
   foto YITH lo nasconde anche con l'opzione accesa: qui si mostra. */
body.single-product div.product form.cart.gift-cards_form > h3.ywgc_delivery_info_title,
body.single-product div.product form.cart.gift-cards_form > h3.ywgc_choose_design_title {
	margin: 16px 0 10px;
	font-family: var(--h2_typography-font-family, "Bebas Neue"), sans-serif;
	font-size: 26px !important; /* tipografia responsive di Avada */
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--awb-color7, #951a47);
}
body.single-product div.product form.cart.gift-cards_form > h3.ywgc_choose_design_title { display: block !important; }

/* Anteprima sotto l'immagine (titolo, prezzo, «Da: / A: / Messaggio:»,
   tutto gia' scritto accanto): via. L'immagine della card sta fuori da
   questo contenitore e resta. */
.single-product .woocommerce-product-gallery .ywgc-main-form-preview-container { display: none; }

/* Campi su una griglia: niente piu' float a zig-zag. */
.single-product .gift-cards_form .step-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 16px;
}
.single-product .gift-cards_form .step-content::before,
.single-product .gift-cards_form .step-content::after { display: none; }
.single-product .gift-cards_form .ywgc-single-recipient,
.single-product .gift-cards_form .ywgc-send-and-delivery-container { display: contents; }
.single-product .gift-cards_form .step-content .ywgc-label-above-input {
	float: none;
	width: auto;
	margin: 0 0 14px;
	padding: 0;
}
.single-product .gift-cards_form .step-content .ywgc-label-above-input label {
	display: block;
	margin: 0 0 4px;
	padding: 0;
	line-height: 1.3;
}
.single-product .gift-cards_form .step-content .ywgc-label-above-input :is(input, textarea),
.single-product .gift-cards_form .step-content .ywgc-postdated input.datepicker { margin: 0 !important; } /* YITH: 32px sotto, con !important */
.single-product .gift-cards_form .step-content :is(.ywgc-postdated, .ywgc-sender-name) { margin-bottom: 0; }
body.single-product div.product form.cart.gift-cards_form > .gift-card-content-editor { margin-bottom: 0; }
.single-product .gift-cards_form .step-content .ywgc-message { grid-column: 1 / -1; }
.single-product .gift-cards_form .step-content .ywgc-message textarea { min-height: 88px; height: 88px; }
.single-product .gift-cards_form .step-content .add-recipient { grid-column: 1 / -1; float: none; justify-self: start; margin: -6px 0 14px; }

/* Foto personale: riquadro leggibile. */
.single-product .gift-cards_form .ywgc-custom-upload-label { font-size: 13px; }

@media (max-width: 640px) {
	/* Spazi verticali piu' stretti sopra il modulo: galleria (YITH: 2em sotto),
	   separatore invisibile di Avada fra prezzo e descrizione, margine del form. */
	body.single-product div.product.product-type-gift-card .woocommerce-product-gallery { margin-bottom: 16px; }
	body.single-product div.product.product-type-gift-card .summary .product-border { margin: 10px 0; }
	body.single-product div.product form.cart.gift-cards_form { margin-top: 8px; }
	/* Su telefono a tutta larghezza, tranne «Quando inviarla» e «Il tuo nome»,
	   che stanno affiancati. */
	.single-product .gift-cards_form .step-content :is(.ywgc-recipient-name, .ywgc-recipient-email) { grid-column: 1 / -1; }
	body.single-product div.product form.cart.gift-cards_form > h3.ywgc_delivery_info_title { margin-top: 12px; }
}