/**
 * Wetality Pre-Registration - Frontend Stylesheet
 * External CSS adjustments for WordPress integration
 */

/* ==========================================================================
   1. WordPress Admin Bar Integration & Z-Index Fix
   ========================================================================== */

/*
 * When the user is logged in and the WordPress Admin Bar is active,
 * ensure the admin bar does not obscure the roster flyout drawer
 * or its close button in the header.
 */
body.admin-bar #wpadminbar {
	z-index: 99990 !important;
}

/* ==========================================================================
   2. Component Host Layout & Container Spacing
   ========================================================================== */

wetality-pre-registration,
wetality-pre-registration-drawer,
wetality-account-setup {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* Container wrapper helper */
.wt-pre-registration-wrapper {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 30px auto;
	box-sizing: border-box;
}

/* ==========================================================================
   3. Shortcode Notification Boxes
   ========================================================================== */

.wt-pre-reg-notice {
	padding: 16px 20px;
	border-radius: 4px;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 20px 0;
	box-sizing: border-box;
}

.wt-pre-reg-notice.warning {
	background-color: #FFFBEB;
	border: 1px solid #FDE68A;
	color: #92400E;
}

.wt-pre-reg-notice.error {
	background-color: #FEF2F2;
	border: 1px solid #FECACA;
	color: #991B1B;
}

.wt-pre-reg-notice.info {
	background-color: #F0FDF4;
	border: 1px solid #DCFCE7;
	color: #166534;
}