/*
 * Apertura a richiesta dei moduli di donazione GiveWP.
 *
 * Il modulo resta chiuso finché la persona non preme il pulsante che lo
 * richiama, poi si apre morbidamente sotto di esso. Le regole agiscono solo
 * sul contenitore del modulo: la sezione che lo ospita, con il suo titolo,
 * resta invariata.
 */

.give-embed-form-wrapper[data-pr-form-toggle] {
	transition:
		max-height 0.45s ease,
		opacity 0.35s ease;
}

.give-embed-form-wrapper[data-pr-form-toggle="closed"] {
	max-height: 0;
	opacity: 0;
	overflow: hidden;

	/* Evita che margini o bordi lascino uno spazio visibile da chiuso. */
	border-width: 0;
	margin-block: 0;
	padding-block: 0;
}

.give-embed-form-wrapper[data-pr-form-toggle="open"] {

	/*
	 * Limite generoso solo per la durata dell'animazione: appena finisce, il
	 * JavaScript lo rimuove, così il modulo può crescere quanto gli serve.
	 */
	max-height: 300vh;
	opacity: 1;
}

/*
 * Pulsante inserito accanto al modulo. Eredita l'aspetto dei pulsanti del
 * tema tramite le classi wp-block-button__link e wp-element-button: qui
 * regoliamo solo la spaziatura.
 */
.pr-givewp-form-open {
	margin-block: 0.5rem 0;
}

.pr-givewp-form-open__button {
	cursor: pointer;
}

.pr-givewp-form-open__button[hidden] {
	display: none !important;
}

.pr-givewp-noscript {
	display: block;
	margin-block: 1rem;
}

@media ( prefers-reduced-motion: reduce ) {

	.give-embed-form-wrapper[data-pr-form-toggle] {
		transition: none;
	}
}