/**
 * Listings Styles (Employment, Volunteer)
 *
 * CSS for employment and volunteer page sections.
 * Loaded conditionally when core/group blocks are present.
 *
 * @package Condor
 */

/* ==========================================================================
   Employment Positions (.employment-positions)
   ========================================================================== */

.employment-positions .listing {
	background: var(--wp--preset--color--white);
	margin-top: var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--60);
	border-radius: 3px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);

	.application-deadline {
		padding-top: var(--wp--preset--spacing--20);

		h5 {
			font-weight: 600;
			letter-spacing: 0.025em;
			text-transform: uppercase;
			font-family: var(--wp--preset--font-family--body);
			font-size: var(--wp--preset--font-size--xs);
			color: var(--wp--preset--color--light-blue);
		}
	}

	.copy {
		padding-top: var(--wp--preset--spacing--40);
	}

	.cta {
		padding-top: var(--wp--preset--spacing--40);
	}
}

/* ==========================================================================
   Volunteer Anchor Links (.volunteer-anchor-links)
   ========================================================================== */

.volunteer-anchor-links {
	text-align: left;

	.nav-flexbox {
		display: inline-block;
		padding: var(--wp--preset--spacing--50);

		.nav-label {
			width: auto;
			padding-bottom: var(--wp--preset--spacing--40);
		}
	}

	.links {
		padding-top: var(--wp--preset--spacing--20);
		display: block;
	}

	.link + .link {
		padding-top: var(--wp--preset--spacing--40);
		padding-left: 0;
		margin-left: 0;

		&::before {
			display: none;
			padding: 0;
			margin: 0;
		}
	}
}

/* ==========================================================================
   Volunteer Section (.volunteer-section)
   ========================================================================== */

.volunteer-section {
	background: var(--wp--preset--color--white);
	margin-top: var(--wp--preset--spacing--60);
	padding: var(--wp--preset--spacing--60);
	border-radius: 3px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);

	.positions {
		padding-top: var(--wp--preset--spacing--40);

		.listing + .listing {
			margin-top: var(--wp--preset--spacing--60);
			border-top: 1px solid var(--wp--preset--color--light-gray);
			padding-top: var(--wp--preset--spacing--60);
		}

		.listing .application-deadline {
			padding: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--40) 0;

			h5 {
				font-weight: 600;
				letter-spacing: 0.025em;
				text-transform: uppercase;
				font-family: var(--wp--preset--font-family--body);
				font-size: var(--wp--preset--font-size--xs);
				color: var(--wp--preset--color--light-blue);
			}
		}

		.listing .cta {
			padding-top: var(--wp--preset--spacing--40);

			a {
				font-size: var(--wp--preset--font-size--xs);
			}
		}
	}
}