/*
 * **********************************************************************
 * Events Iframe
 *
 * Styles for the full-screen simpletix iframe and floating back button
 * rendered by page-events-iframe.php / inc/events.php.
 *
 * @package  KadenceChild
 * @version  1.1.2
 * @updated  2026-07-27
 * **********************************************************************
 */

/* =============================================================================
   Layout
   ============================================================================= */

.mah-events-viewer {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   Header bar (back button + title)
   ============================================================================= */

.mah-events-header {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 10px 16px;
	background: #1a3a2a;
}

.mah-events-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
	border-radius: 4px;
	white-space: nowrap;
	flex-shrink: 0;
}

.mah-events-back:hover,
.mah-events-back:focus {
	color: var(--btn-primary-hover-text);
	text-decoration: none;
	outline: none;
}

.mah-events-back:visited { color: var(--btn-primary-visited); }

.mah-events-back:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

.mah-events-title {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
}

/* =============================================================================
   iframe
   ============================================================================= */

.mah-events-frame {
	display: block;
	width: 100%;
	/* Subtract Kadence header (~90px) + our header bar (~48px) */
	height: calc( 100vh - 138px );
	border: none;
}