/**
 * Modal Component Styles
 *
 * Modal container and overlay styles for jquery-modal plugin
 * Modal input and button styles are in forms.css and buttons.css
 *
 * Dependencies: ssa-base (00-tokens.css for variables), jquery.modal.min.css (base plugin styles)
 * Extracted from: styles.css lines 141-158
 */

/* ==========================================================================
   Modal Overlay (jQuery Modal Plugin Override)
   ========================================================================== */

.jquery-modal.blocker {
	background-color: var(--overlay-dark);
	z-index: 20;
}

/* ==========================================================================
   Modal Container
   ========================================================================== */

.modal {
	background: var(--brand-main);
	padding: 20px 30px 30px 20px;
	z-index: 21;
}

.modal h2 {
	color: var(--white);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: var(--space-5);
}

/* Note: .modal input styles are in components/forms.css */

/* Note: .modal .button styles are in components/buttons.css */