/* Fluent Support portal + login form — GAFAI CXS branding */

.gafai-cxs-portal-wrap,
.gafai-entry-content--portal .wp-block-fluent-support-customer-portal,
.gafai-entry-content--portal .fluent-support-portal,
.gafai-entry-content [class*="fluent-support"],
.gafai-entry-content [id*="fluent-support"] {
	font-family: var(--gafai-font-body);
}

.gafai-cxs-portal-wrap,
.gafai-cxs-portal .gafai-entry-content--portal {
	max-width: 560px;
	margin: 0 auto;
}

.gafai-cxs-portal-wrap,
.gafai-entry-content--portal .wp-block-fluent-support-customer-portal {
	background: var(--gafai-white);
	border-radius: var(--gafai-radius-lg);
	box-shadow: var(--gafai-shadow);
	padding: 32px;
}

.gafai-entry-content--portal p,
.gafai-cxs-portal-wrap p {
	color: var(--gafai-text-muted);
	text-align: center;
	margin-bottom: 24px;
}

.gafai-entry-content--portal label,
.gafai-cxs-portal-wrap label {
	display: block;
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--gafai-primary);
	margin-bottom: 6px;
}

.gafai-entry-content--portal input[type="text"],
.gafai-entry-content--portal input[type="email"],
.gafai-entry-content--portal input[type="password"],
.gafai-cxs-portal-wrap input[type="text"],
.gafai-cxs-portal-wrap input[type="email"],
.gafai-cxs-portal-wrap input[type="password"] {
	width: 100%;
	padding: 12px 16px;
	margin-bottom: 16px;
	border: 1px solid var(--gafai-border);
	border-radius: var(--gafai-radius);
	font-family: var(--gafai-font-body);
	font-size: 1rem;
	background: var(--gafai-white);
}

.gafai-entry-content--portal input:focus,
.gafai-cxs-portal-wrap input:focus {
	border-color: var(--gafai-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(232, 160, 32, 0.15);
}

.gafai-entry-content--portal button,
.gafai-entry-content--portal .button,
.gafai-entry-content--portal input[type="submit"],
.gafai-cxs-portal-wrap button,
.gafai-cxs-portal-wrap .button,
.gafai-cxs-portal-wrap input[type="submit"] {
	display: block;
	width: 100%;
	padding: 12px 24px;
	background: var(--gafai-accent) !important;
	color: var(--gafai-white) !important;
	border: none !important;
	border-radius: var(--gafai-radius) !important;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: background 0.2s;
}

.gafai-entry-content--portal button:hover,
.gafai-cxs-portal-wrap button:hover,
.gafai-entry-content--portal input[type="submit"]:hover,
.gafai-cxs-portal-wrap input[type="submit"]:hover {
	background: var(--gafai-accent-hover) !important;
}

.gafai-entry-content--portal a,
.gafai-cxs-portal-wrap a {
	color: var(--gafai-primary);
	font-size: 0.875rem;
}

.gafai-entry-content--portal a:hover,
.gafai-cxs-portal-wrap a:hover {
	color: var(--gafai-accent);
}

.gafai-entry-content--portal label:has(input[type="checkbox"]),
.gafai-cxs-portal-wrap label:has(input[type="checkbox"]) {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	margin-bottom: 20px;
}