/**
 * Afaq AI Exhibition — public form styles.
 * Visual identity: 4th KSUMC Nursing Conference — AI-Driven Healthcare Landscape.
 * Icy healthcare blue, deep navy, royal + cyan accents, hexagonal / circuit motifs.
 * RTL + LTR aware, responsive, accessible.
 */

.afaq-ai-wrap {
	/* Conference palette (sampled from the poster). --afaq-primary / secondary
	   may be overridden inline from plugin settings; the identity tokens below
	   stay fixed so the event look is consistent. */
	--afaq-primary: #175bd8;
	--afaq-secondary: #2488ed;
	--k-navy: #06245c;
	--k-primary: #175bd8;
	--k-bright: #2488ed;
	--k-cyan: #48bee8;
	--k-ice: #f2f8fd;
	--k-soft: #e6f2fc;
	--k-border: #d7e5f2;
	--k-text: #15284a;
	--k-muted: #62748f;
	--k-white: #ffffff;
	--k-success: #0f9d6b;
	--k-error: #d64550;

	--k-radius: 16px;
	--k-radius-sm: 10px;
	--k-shadow: 0 18px 40px rgba(6, 36, 92, 0.08);
	--k-shadow-sm: 0 6px 18px rgba(6, 36, 92, 0.06);

	max-width: 1000px;
	margin: 0 auto;
	padding: 8px;
	color: var(--k-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "Helvetica Neue", Arial, "Noto Sans Arabic", "Noto Kufi Arabic", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	box-sizing: border-box;
}

.afaq-ai-wrap *,
.afaq-ai-wrap *::before,
.afaq-ai-wrap *::after {
	box-sizing: border-box;
}

/* ============================ Language toggle ============================ */
.afaq-lang-toggle {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 16px auto;
	padding: 4px;
	background: var(--k-soft);
	border: 1px solid var(--k-border);
	border-radius: 999px;
	width: fit-content;
}
.afaq-ai-wrap[dir="rtl"] .afaq-lang-toggle {
	margin: 0 auto 16px 0;
}
.afaq-lang-btn {
	background: transparent;
	border: none;
	border-radius: 999px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 700;
	color: var(--k-muted);
	cursor: pointer;
	font-family: inherit;
	transition: all 0.18s ease;
}
.afaq-lang-btn:hover {
	color: var(--k-primary);
}
.afaq-lang-btn.is-active {
	background: var(--k-primary);
	color: #fff;
	box-shadow: 0 4px 12px rgba(23, 91, 216, 0.35);
}
.afaq-lang-btn:focus-visible {
	outline: 2px solid var(--k-bright);
	outline-offset: 2px;
}
.afaq-lang-sep {
	display: none;
}

/* ============================ Hero ============================ */
.afaq-logo {
	text-align: center;
	margin-bottom: 14px;
}
.afaq-logo img {
	max-height: 92px;
	width: auto;
}

/* .afaq-header retained as the hero container (referenced by JS). */
.afaq-header {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(520px 260px at 100% 0%, rgba(72, 190, 232, 0.18), transparent 65%),
		linear-gradient(135deg, #0a2f74 0%, #06245c 55%, #041a44 100%);
	border-radius: var(--k-radius);
	padding: 40px 40px 34px;
	margin-bottom: 22px;
	color: #fff;
	box-shadow: var(--k-shadow);
}
.afaq-hero-decor {
	position: absolute;
	inset-inline-end: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 240px;
	max-width: 40%;
	opacity: 0.5;
	pointer-events: none;
	color: var(--k-cyan);
}
.afaq-hero-decor svg {
	width: 100%;
	height: auto;
	display: block;
}
.afaq-hero-inner {
	position: relative;
	z-index: 2;
	max-width: 680px;
}
.afaq-hero-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	background: rgba(72, 190, 232, 0.18);
	border: 1px solid rgba(72, 190, 232, 0.5);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #cfeafb;
	margin-bottom: 16px;
}
.afaq-hero-eyebrow::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--k-cyan);
	box-shadow: 0 0 0 4px rgba(72, 190, 232, 0.25);
}
.afaq-hero-title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 800;
	margin: 0 0 10px;
	color: #ffffff;
}
.afaq-hero-sub {
	font-size: 17px;
	font-weight: 600;
	color: #7cc6f2;
	margin: 0 0 18px;
}
.afaq-hero-app {
	font-size: 15px;
	color: #d9e8fb;
	margin: 0 0 18px;
	max-width: 560px;
}
.afaq-hero-app strong {
	color: #fff;
	font-weight: 700;
}
.afaq-hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.afaq-hero-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	font-size: 12.5px;
	font-weight: 600;
	color: #eaf3fd;
}
.afaq-hero-tag::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 2px;
	background: var(--k-cyan);
	transform: rotate(45deg);
}

/* Intro + notes (below hero) */
.afaq-intro-wrap {
	background: var(--k-white);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 20px 24px;
	margin-bottom: 18px;
	box-shadow: var(--k-shadow-sm);
}
.afaq-intro {
	font-size: 15px;
	color: var(--k-text);
	margin: 0 0 12px;
}
.afaq-notes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.afaq-note {
	font-size: 13.5px;
	margin: 0;
	padding: 12px 14px;
	border-radius: var(--k-radius-sm);
	display: flex;
	align-items: flex-start;
	gap: 10px;
	line-height: 1.55;
}
.afaq-note::before {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	background: currentColor;
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
}
.afaq-note--booth {
	background: var(--k-soft);
	color: #0f4aa8;
}
.afaq-note--booth::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V8l8-5 8 5v13M9 21v-6h6v6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V8l8-5 8 5v13M9 21v-6h6v6'/%3E%3C/svg%3E");
}
.afaq-note--notice {
	background: #eef7fe;
	color: #1c5aa6;
}
.afaq-note--notice::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}

/* ============================ Event info cards ============================ */
.afaq-infocards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-bottom: 22px;
}
.afaq-infocard {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--k-white);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 18px;
	box-shadow: var(--k-shadow-sm);
	position: relative;
	overflow: hidden;
}
.afaq-infocard::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, var(--k-bright), var(--k-cyan));
}
.afaq-infocard-icon {
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--k-soft);
	color: var(--k-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}
.afaq-infocard-icon svg {
	width: 24px;
	height: 24px;
}
.afaq-infocard-value {
	font-size: 16px;
	font-weight: 800;
	color: var(--k-navy);
	line-height: 1.25;
}
.afaq-infocard-label {
	font-size: 12.5px;
	color: var(--k-muted);
	margin-top: 2px;
}

/* ============================ Stepper / progress ============================ */
.afaq-stepper {
	background: var(--k-white);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 18px 22px;
	margin-bottom: 20px;
	box-shadow: var(--k-shadow-sm);
	position: sticky;
	top: 8px;
	z-index: 6;
}
.afaq-steps {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 12px;
	padding: 0;
}
.afaq-stepitem {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 1 auto;
	min-width: 0;
}
.afaq-stepnum {
	flex: none;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	background: var(--k-soft);
	color: var(--k-muted);
	border: 2px solid var(--k-border);
	transition: all 0.2s ease;
}
.afaq-steplabel {
	font-size: 13px;
	font-weight: 700;
	color: var(--k-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.afaq-stepconn {
	flex: 1 1 auto;
	height: 2px;
	min-width: 16px;
	background: var(--k-border);
	border-radius: 2px;
	transition: background 0.2s ease;
}
.afaq-stepitem.is-active .afaq-stepnum {
	background: var(--k-primary);
	border-color: var(--k-primary);
	color: #fff;
	box-shadow: 0 0 0 4px rgba(23, 91, 216, 0.18);
}
.afaq-stepitem.is-active .afaq-steplabel {
	color: var(--k-navy);
}
.afaq-stepitem.is-done .afaq-stepnum {
	background: var(--k-success);
	border-color: var(--k-success);
	color: #fff;
	font-size: 0;
}
.afaq-stepitem.is-done .afaq-stepnum::after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.afaq-stepitem.is-done .afaq-steplabel {
	color: var(--k-success);
}
.afaq-stepitem.is-done + .afaq-stepconn,
.afaq-stepconn.is-filled {
	background: var(--k-success);
}

.afaq-progress {
	display: flex;
	align-items: center;
	gap: 12px;
}
.afaq-progress-track {
	flex: 1;
	height: 8px;
	background: var(--k-soft);
	border-radius: 999px;
	overflow: hidden;
}
.afaq-progress-bar {
	height: 100%;
	width: 0;
	background: linear-gradient(90deg, var(--k-primary), var(--k-cyan));
	border-radius: 999px;
	transition: width 0.35s ease;
}
.afaq-progress-text {
	font-size: 12.5px;
	font-weight: 800;
	color: var(--k-primary);
	min-width: 42px;
	text-align: center;
}

/* ============================ Alerts ============================ */
.afaq-alert {
	border-radius: var(--k-radius-sm);
	padding: 14px 16px;
	font-size: 14px;
	margin-bottom: 16px;
}
.afaq-alert--error {
	background: #fdecec;
	color: var(--k-error);
	border: 1px solid rgba(214, 69, 80, 0.25);
}

/* ============================ Section cards ============================ */
.afaq-card {
	background: var(--k-white);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 26px;
	margin-bottom: 20px;
	box-shadow: var(--k-shadow-sm);
}
.afaq-card-title {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 19px;
	font-weight: 800;
	color: var(--k-navy);
	margin: 0 0 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--k-border);
}
.afaq-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--k-primary), var(--k-bright));
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	flex: none;
	box-shadow: 0 6px 14px rgba(23, 91, 216, 0.3);
}
.afaq-card-icon {
	flex: none;
	width: 30px;
	height: 30px;
	color: var(--k-bright);
}
.afaq-card-icon svg {
	width: 100%;
	height: 100%;
}

/* ============================ Grid & fields ============================ */
.afaq-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px 22px;
}
.afaq-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 18px;
}
.afaq-field--full,
.afaq-grid + .afaq-field {
	grid-column: 1 / -1;
}
.afaq-grid .afaq-field {
	margin-bottom: 0;
}
.afaq-label {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--k-navy);
}
.afaq-req {
	color: var(--k-error);
	font-weight: 700;
	margin: 0 2px;
}
.afaq-opt {
	color: var(--k-muted);
	font-weight: 500;
	font-size: 13px;
}
.afaq-help {
	font-size: 13px;
	color: var(--k-muted);
	margin: 0 0 4px;
}

.afaq-input,
.afaq-textarea {
	width: 100%;
	padding: 13px 15px;
	min-height: 48px;
	border: 1.5px solid var(--k-border);
	border-radius: var(--k-radius-sm);
	font-size: 15px;
	font-family: inherit;
	color: var(--k-text);
	background: var(--k-white);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	-webkit-appearance: none;
	appearance: none;
}
.afaq-input::placeholder,
.afaq-textarea::placeholder {
	color: #9fb2c9;
}
.afaq-input:focus,
.afaq-textarea:focus {
	outline: none;
	border-color: var(--k-primary);
	box-shadow: 0 0 0 4px rgba(23, 91, 216, 0.14);
}
.afaq-textarea {
	resize: vertical;
	min-height: 110px;
	line-height: 1.6;
}
.afaq-field.has-error .afaq-input,
.afaq-field.has-error .afaq-textarea,
.afaq-options.has-error {
	border-color: var(--k-error);
}
.afaq-field.has-error .afaq-input:focus,
.afaq-field.has-error .afaq-textarea:focus {
	box-shadow: 0 0 0 4px rgba(214, 69, 80, 0.14);
}

.afaq-counter {
	font-size: 12.5px;
	color: var(--k-muted);
	text-align: end;
	font-variant-numeric: tabular-nums;
}
.afaq-counter-num {
	font-weight: 700;
	color: var(--k-primary);
}
.afaq-counter.is-limit .afaq-counter-num {
	color: var(--k-error);
}

/* ============================ Option chips / cards ============================ */
.afaq-options {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 12px;
	padding: 2px 0;
	border-radius: var(--k-radius-sm);
}
.afaq-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 13px 15px;
	border: 1.5px solid var(--k-border);
	border-radius: var(--k-radius-sm);
	cursor: pointer;
	font-size: 14.5px;
	background: var(--k-white);
	transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}
.afaq-option:hover {
	border-color: var(--k-bright);
	background: var(--k-ice);
}
/* Native input: visually hidden but present & focusable for accessibility. */
.afaq-option input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}
.afaq-option-box {
	flex: none;
	width: 22px;
	height: 22px;
	border: 2px solid var(--k-border);
	background: var(--k-white);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.14s ease;
}
.afaq-options[data-multiple="1"] .afaq-option-box {
	border-radius: 6px;
}
.afaq-options[data-multiple="0"] .afaq-option-box {
	border-radius: 50%;
}
.afaq-option-box::after {
	content: "";
	width: 12px;
	height: 12px;
	opacity: 0;
	background: #fff;
	transform: scale(0.6);
	transition: all 0.14s ease;
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.afaq-option-text {
	color: var(--k-text);
	line-height: 1.4;
}
.afaq-option input:checked ~ .afaq-option-box {
	background: var(--k-primary);
	border-color: var(--k-primary);
}
.afaq-option input:checked ~ .afaq-option-box::after {
	opacity: 1;
	transform: scale(1);
}
.afaq-option input:checked ~ .afaq-option-text {
	font-weight: 700;
	color: var(--k-primary);
}
.afaq-option:has(input:checked) {
	border-color: var(--k-primary);
	background: var(--k-ice);
	box-shadow: 0 4px 12px rgba(23, 91, 216, 0.12);
}
.afaq-option:focus-within {
	border-color: var(--k-primary);
	box-shadow: 0 0 0 3px rgba(23, 91, 216, 0.18);
}
.afaq-other-wrap {
	margin-top: 12px;
}

/* ============================ Upload dropzones ============================ */
.afaq-file {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	padding: 22px 18px;
	border: 2px dashed var(--k-border);
	border-radius: var(--k-radius);
	background: var(--k-ice);
	transition: border-color 0.15s ease, background 0.15s ease;
}
.afaq-file.is-dragover {
	border-color: var(--k-primary);
	background: var(--k-soft);
}
.afaq-file.has-file {
	border-style: solid;
	border-color: var(--k-primary);
	background: var(--k-white);
}
.afaq-dz-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--k-soft);
	color: var(--k-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}
.afaq-dz-icon svg {
	width: 24px;
	height: 24px;
}
.afaq-dz-title {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--k-navy);
}
.afaq-dz-hint {
	font-size: 12.5px;
	color: var(--k-muted);
}
.afaq-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	opacity: 0;
}
.afaq-file-btn {
	display: inline-block;
	margin-top: 2px;
	padding: 9px 20px;
	background: var(--k-primary);
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.14s ease, box-shadow 0.14s ease;
}
.afaq-file-btn:hover {
	background: var(--k-navy);
}
.afaq-file-input:focus-visible + .afaq-dz-icon,
.afaq-file-input:focus-visible ~ .afaq-file-btn {
	box-shadow: 0 0 0 3px rgba(23, 91, 216, 0.35);
}
.afaq-file-name {
	font-size: 13px;
	color: var(--k-muted);
	word-break: break-all;
}
.afaq-file-name.has-file {
	color: var(--k-success);
	font-weight: 700;
}

/* ============================ Declaration ============================ */
.afaq-declaration {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	cursor: pointer;
	font-size: 14.5px;
	line-height: 1.7;
	background: var(--k-ice);
	padding: 18px;
	border-radius: var(--k-radius);
	border: 1.5px solid var(--k-border);
	transition: border-color 0.14s ease, background 0.14s ease;
}
.afaq-declaration:has(input:checked) {
	border-color: var(--k-primary);
	background: var(--k-soft);
}
.afaq-declaration:focus-within {
	box-shadow: 0 0 0 3px rgba(23, 91, 216, 0.18);
}
.afaq-declaration input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}
.afaq-declaration .afaq-option-box {
	border-radius: 6px;
	margin-top: 2px;
}
.afaq-declaration input:checked ~ .afaq-option-box {
	background: var(--k-primary);
	border-color: var(--k-primary);
}
.afaq-declaration input:checked ~ .afaq-option-box::after {
	opacity: 1;
	transform: scale(1);
}

/* ============================ Errors ============================ */
.afaq-field-error {
	font-size: 13px;
	color: var(--k-error);
	display: flex;
	align-items: center;
	gap: 6px;
}
.afaq-field-error:not(:empty)::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: none;
	background: var(--k-error);
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E");
}
.afaq-field-error:not(:empty) {
	margin-top: 2px;
}

/* ============================ Submit ============================ */
.afaq-submit-note {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	font-size: 13.5px;
	color: var(--k-muted);
	background: var(--k-soft);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius-sm);
	padding: 12px 16px;
	margin-bottom: 18px;
	text-align: center;
}
.afaq-submit-note::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: none;
	background: var(--k-primary);
	-webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
	mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}
.afaq-submit-row {
	text-align: center;
	margin: 6px 0 34px;
}
.afaq-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 300px;
	min-height: 58px;
	padding: 16px 40px;
	border: none;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--k-primary) 0%, var(--k-bright) 100%);
	color: #fff;
	font-size: 16.5px;
	font-weight: 800;
	font-family: inherit;
	cursor: pointer;
	box-shadow: 0 14px 30px rgba(23, 91, 216, 0.34);
	transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease;
}
.afaq-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 18px 38px rgba(23, 91, 216, 0.42);
}
.afaq-submit:focus-visible {
	outline: 3px solid var(--k-cyan);
	outline-offset: 3px;
}
.afaq-submit:disabled {
	opacity: 0.7;
	cursor: not-allowed;
	transform: none;
}
.afaq-spinner {
	display: none;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: afaq-spin 0.7s linear infinite;
}
.afaq-submit.is-loading .afaq-spinner {
	display: inline-block;
}
@keyframes afaq-spin {
	to {
		transform: rotate(360deg);
	}
}

/* ============================ Success screen ============================ */
.afaq-success {
	text-align: center;
	background: var(--k-white);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 50px 28px;
	box-shadow: var(--k-shadow);
	position: relative;
	overflow: hidden;
}
.afaq-success::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, var(--k-primary), var(--k-cyan));
}
.afaq-success-icon {
	width: 84px;
	height: 84px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: rgba(15, 157, 107, 0.12);
	color: var(--k-success);
	font-size: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 8px rgba(15, 157, 107, 0.08);
}
.afaq-success-title {
	font-size: 25px;
	font-weight: 800;
	color: var(--k-navy);
	margin: 0 0 12px;
}
.afaq-success-body {
	color: var(--k-muted);
	max-width: 580px;
	margin: 0 auto 26px;
}
.afaq-success-box {
	display: inline-flex;
	flex-direction: column;
	gap: 14px;
	background: var(--k-ice);
	border: 1px solid var(--k-border);
	border-radius: var(--k-radius);
	padding: 24px 32px;
	min-width: 300px;
}
.afaq-success-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.afaq-success-key {
	color: var(--k-muted);
	font-size: 14px;
}
.afaq-success-val {
	font-size: 20px;
	font-weight: 800;
	color: var(--k-navy);
	letter-spacing: 0.5px;
	font-variant-numeric: tabular-nums;
}

/* ============================ Status badge ============================ */
.afaq-badge {
	display: inline-block;
	padding: 5px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	background: rgba(36, 136, 237, 0.14);
	color: var(--k-primary);
}

/* ============================ Full-page tweaks ============================ */
.afaq-fullpage .afaq-ai-wrap {
	margin-top: 0;
}
.afaq-fullpage #wpadminbar {
	position: fixed;
}

/* ============================ Responsive ============================ */
@media (max-width: 860px) {
	.afaq-hero-decor {
		display: none;
	}
	.afaq-infocards {
		grid-template-columns: 1fr;
	}
	.afaq-notes {
		grid-template-columns: 1fr;
	}
	/* Compact stepper: hide labels + connectors, keep numbered dots. */
	.afaq-steplabel,
	.afaq-stepconn {
		display: none;
	}
	.afaq-steps {
		justify-content: space-between;
		gap: 8px;
	}
	.afaq-stepitem {
		flex: none;
	}
}

@media (max-width: 640px) {
	.afaq-ai-wrap {
		font-size: 15px;
		padding: 4px;
	}
	.afaq-grid,
	.afaq-options {
		grid-template-columns: 1fr;
	}
	.afaq-header {
		padding: 28px 20px 24px;
	}
	.afaq-hero-title {
		font-size: 24px;
	}
	.afaq-hero-sub {
		font-size: 15px;
	}
	.afaq-card {
		padding: 20px 16px;
	}
	.afaq-stepper {
		padding: 14px 16px;
		position: static;
	}
	.afaq-submit {
		width: 100%;
		min-width: 0;
	}
	.afaq-success {
		padding: 36px 18px;
	}
	.afaq-success-box {
		min-width: 0;
		width: 100%;
	}
}

/* Bundled official artwork: retain the complete supplied image. */
.afaq-ai-wrap [hidden] { display: none !important; }
.afaq-hero-inner { max-width:none; }
.afaq-event-logo { background:#fff; border-radius:18px; float: inline-end; width: 290px; max-width: 38%; margin: 0 0 20px 24px; }
.afaq-event-logo img { display:block; width:100%; height:auto; object-fit:contain; border-radius:18px; }
[dir="rtl"] .afaq-event-logo { margin:0 24px 20px 0; }
.afaq-hero-inner::after { content:""; display:table; clear:both; }
@media(max-width:640px) { .afaq-event-logo, [dir="rtl"] .afaq-hero-inner { max-width:none; }
.afaq-event-logo { background:#fff; border-radius:18px; float:none; width:230px; max-width:80%; margin:0 auto 20px; } }
/* Official artwork shares a clean conference logo area. */
.afaq-hero-branding { float:inline-end; width:350px; max-width:43%; margin-inline-start:28px; margin-bottom:20px; padding:14px; box-sizing:border-box; border-radius:18px; background:#fff; }
.afaq-hero-branding .afaq-event-logo, [dir="rtl"] .afaq-hero-branding .afaq-event-logo { float:none; width:230px; max-width:100%; margin:0 auto; background:transparent; }
.afaq-logo-strip { display:flex; align-items:center; justify-content:center; gap:16px; background:white; box-sizing:border-box; }
.afaq-logo-strip img { display:block; object-fit:contain; margin:0; flex-shrink:1; min-width:0; }
.afaq-logo-strip .afaq-strip-accredited { width:76px; height:108px; }
.afaq-logo-strip .afaq-strip-magnet { width:88px; height:72px; }
.afaq-logo-strip .afaq-strip-ksumc { width:130px; height:88px; }
.afaq-company-footer { padding:24px 20px; background:#fff; border-top:1px solid #dce8f5; color:#12385a; text-align:center; font-family:Arial, sans-serif; }
.afaq-company-footer .afaq-logo-strip { max-width:320px; margin:0 auto 20px; border-bottom:1px solid #e4edf6; padding-bottom:16px; gap:14px; }
.afaq-company-footer .afaq-strip-accredited { width:58px; height:82px; max-height:none; }
.afaq-company-footer .afaq-strip-magnet { width:66px; height:54px; max-height:none; }
.afaq-company-footer .afaq-strip-ksumc { width:100px; height:68px; max-height:none; }
.afaq-operator { display:flex; gap:24px; align-items:center; justify-content:center; margin:0 auto 16px; }
.afaq-company-footer .afaq-operator-logo { width:180px; height:180px; max-height:none; object-fit:contain; margin:-50px 0; }
.afaq-operator p { margin:5px 0; font-size:13px; }
.afaq-copyright { color:#52677d; line-height:1.6; }
.afaq-socials { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; }
.afaq-socials a { display:flex; width:36px; height:36px; align-items:center; justify-content:center; border-radius:50%; color:#12496b; background:#edf5fc; }
.afaq-socials a:hover { background:#dceafb; }
.afaq-socials a:focus-visible { outline:3px solid #175bd8; outline-offset:3px; }
.afaq-ai-wrap .iti { width:100%; direction:ltr; }
.afaq-ai-wrap .iti input.afaq-input { direction:ltr; text-align:left; }
.afaq-ai-wrap .iti__selected-country { border-radius:12px 0 0 12px; }
.afaq-ai-wrap .iti__dropdown-content { max-width:min(360px, calc(100vw - 64px)); border-radius:10px; z-index:40; }
.afaq-ai-wrap .iti__search-input { min-height:44px; font:inherit; }
.afaq-ai-wrap .iti__country { min-height:38px; font-size:14px; }
[dir="rtl"] .iti__dropdown-content { direction:rtl; text-align:right; }
[dir="rtl"] .iti__country-list { padding:0; }
[dir="rtl"] .iti__country { direction:rtl; }
[dir="rtl"] .iti__dial-code { direction:ltr; unicode-bidi:isolate; }
@media(max-width:700px) {
 .afaq-hero-branding { float:none; width:350px; max-width:100%; margin:0 auto 24px; padding:10px; }
 .afaq-logo-strip { gap:10px; }
 .afaq-logo-strip .afaq-strip-accredited { width:23%; }
 .afaq-logo-strip .afaq-strip-magnet { width:27%; }
 .afaq-logo-strip .afaq-strip-ksumc { width:40%; }
 .afaq-operator { flex-direction:column; gap:10px; }
}