/* -------------------------------------------------------------------------------------------------
 * The Age Gate plugin's popup, made compact so it leaves room on a phone for the cookie banner.
 *
 * The logo is hidden, and the spacing, buttons and fine print are tightened.
 * Two classes on each selector so these win over the plugin's own stylesheet whichever loads last.
 * ------------------------------------------------------------------------------------------------- */

.age-gate__wrapper .age-gate {
	max-width: 26rem;
	padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
}

/* The site name ------------------------------------------------------------------------------------ */

/* The logo is set in the plugin's settings; the name alone is enough here. */
.age-gate .age-gate__heading {
	display: none;
}

.age-gate .age-gate__headline {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
}

/* Left empty in the settings; with no margin it takes no room. */
.age-gate .age-gate__subheadline {
	margin: 0;
}

/* The question and the buttons --------------------------------------------------------------------- */

.age-gate .age-gate__fields {
	max-width: none;
	margin: 0.25rem 0 0;
	padding: 0;
}

.age-gate .age-gate__challenge {
	margin: 0 0 var(--wp--preset--spacing--x-small);
	font-size: var(--wp--preset--font-size--medium);
}

.age-gate .age-gate__submit {
	padding: 0.4rem 1.5rem;
	font-size: var(--wp--preset--font-size--medium);
}

.age-gate .age-gate__remember-wrapper {
	margin: var(--wp--preset--spacing--x-small) 0 0;
}

.age-gate .age-gate__remember-text {
	font-size: var(--wp--preset--font-size--small);
}

/* The fine print ----------------------------------------------------------------------------------- */

.age-gate .age-gate__additional-information {
	margin-top: var(--wp--preset--spacing--x-small);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.4;
}

.age-gate .age-gate__additional-information p {
	margin: 0.25rem 0 0;
}