/* JADS Archive Extras — promo-tegels + afsluiters op archieven. */

/* Tegel = kaart in het grid, vult de hele celhoogte. */
.jads-ae-tile {
	display: flex;
}

.jads-ae-tile-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.45rem;
	width: 100%;
	min-height: 100%;
	border-radius: 16px;
	padding: 1.6rem 1.5rem;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.05 );
}

.jads-ae-tile-inner:hover {
	box-shadow: 0 14px 30px rgba( 0, 0, 0, 0.13 );
	transform: translateY( -3px );
}

.jads-ae-eyebrow {
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.75;
}

.jads-ae-title {
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.2;
}

.jads-ae-text {
	font-size: 0.95rem;
	line-height: 1.5;
	opacity: 0.85;
}

.jads-ae-cta {
	margin-top: 0.5rem;
	font-weight: 700;
	font-size: 0.95rem;
}

/* ntfy: donker, huisstijl #29333c, blauw accent. */
.jads-ae-ntfy {
	background: #29333c;
	color: #fff;
}

.jads-ae-ntfy .jads-ae-eyebrow,
.jads-ae-ntfy .jads-ae-cta {
	color: var( --theme-palette-color-1, #2872fa );
}

.jads-ae-ntfy .jads-ae-eyebrow {
	color: #9fb3c8;
}

/* Spotify: donker met groen accent. */
.jads-ae-spotify {
	background: #191414;
	color: #fff;
}

.jads-ae-spotify .jads-ae-cta {
	color: #1db954;
}

.jads-ae-spotify .jads-ae-eyebrow {
	color: #1db954;
	opacity: 1;
}

/* Beer: licht, warm. */
.jads-ae-beer {
	background: var( --theme-palette-color-6, #f2f5f7 );
	color: var( --theme-palette-color-4, #192a3d );
	border: 1px solid var( --theme-palette-color-5, #e1e8ed );
}

.jads-ae-beer .jads-ae-eyebrow,
.jads-ae-beer .jads-ae-cta {
	color: var( --theme-palette-color-1, #2872fa );
}

/* Afsluiters vóór de footer op archieven: banden full-width, inhoud in container. */
.jads-ae-closers {
	width: 100%;
	overflow: visible;
}

.jads-ae-closers .wp-block-group.alignfull {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/* Terugval-centrering als WP's layout-styles hier niet geprint raken. */
.jads-ae-closers .wp-block-group.alignfull > :not( .alignfull ) {
	max-width: var( --block-max-width, var( --normal-container-max-width, 1290px ) );
	margin-left: auto;
	margin-right: auto;
	padding-left: var( --container-edge-spacing, 5vw );
	padding-right: var( --container-edge-spacing, 5vw );
}

@media ( min-width: 1330px ) {
	.jads-ae-closers .wp-block-group.alignfull > :not( .alignfull ) {
		padding-left: 0;
		padding-right: 0;
	}
}