.pxl-cf7-register {
	color: var(--ink);
	box-sizing: border-box;
	margin-bottom: -15px !important;
}

.pxl-cf7-register *,
.pxl-cf7-register *::before,
.pxl-cf7-register *::after {
	box-sizing: border-box;
}

.pxl-cf7-missing {
	text-align: center;
	color: var(--gold-bright, #f4d87a);
	font-size: 14px;
	padding: 24px;
}

.pxl-cf7-register .form-inset {
	text-align: center;
	position: relative;
}

.pxl-cf7-register .form-divider {
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: center;
}

.pxl-cf7-register .form-divider em {
	font-style: italic;
	font-family: var(--font-sans);
	font-size: 42px;
	font-weight: 700;
	white-space: nowrap;
	line-height: 1;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 12px #f4d87a80);
	background: linear-gradient(#fff1c2, #f4d87a, #d4b896 70%, #a88860);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Chỉ dòng tiêu đề form — không dùng .top chung (FlipClock có .top/.bottom cho từng nửa số). */
.pxl-cf7-register .form-inset>.top {
	font-family: var(--font-cinzel);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.32em;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
	margin-top: 0px;
}

.pxl-cf7-register .chicon {
	margin-top: 10px;
	font-family: be vietnam pro;
	font-size: 16px;
	font-weight: 500;
	color: #f0f4f8;
	position: relative;
	z-index: 2;
}

/* .bigday — khớp index.html: flex container, không clip gradient trên wrapper */
.pxl-cf7-register .bigday {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	margin: 20px 0 8px;
	font-family: var(--font-sans);
	font-size: 108px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.005em;
	/* filter trên wrapper hay làm mất chữ background-clip ở con (số flip) — đưa shadow xuống .flip-block */
}

.pxl-cf7-register .bigday .flip-block {
	perspective: 1400px;
	perspective-origin: 50% 50%;
	background: linear-gradient(165deg, #242018 0%, #12100c 42%, #0a0806 50%, #16120e 58%, #1c1814 100%);
	border: 1px solid #e8c9884d;
	border-radius: 14px;
	padding: 10px 8px 12px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow:
		0 14px 28px #000000c0,
		0 2px 0 #ffffff08 inset,
		0 -2px 12px #00000080 inset,
		0 4px 22px #e8c98840;
}

/* Countdown: tắt perspective trên .flip-block (viền/bóng) — perspective đặt trên .pxl-bigday-flipclock-mount để bản lề khớp thẻ số. */
.pxl-cf7-register .bigday.pxl-bigday-countdown .flip-block {
	perspective: none;
	overflow: visible;
}

/* Vạch ngang trang trí — chỉ dùng khi .bigday tĩnh (HTML big_day); FlipClock đã có joint từng thẻ. */
.pxl-cf7-register .bigday .flip-line {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 50%;
	z-index: 10;
	height: 3px;
	margin-top: -1px;
	border-radius: 1px;
	background: linear-gradient(90deg, #0000 0%, #0b0907 8%, #1a1512 50%, #0b0907 92%, #0000 100%);
	box-shadow:
		0 1px 0 #ffffff12,
		0 -1px 0 #000000a0;
	pointer-events: none;
}

.pxl-bigday-countdown .flip-block>.flip-line {
	display: none;
}

.pxl-cf7-register .bigday .flip-block-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 0.95em;
	transform-origin: center center;
	/* preserve-3d + filter trên cha hay làm lệch nửa trên/dưới thẻ FlipClock */
	transform-style: flat;
	padding: 2px 0 0;
}

/* Countdown: cần preserve-3d ở inner để rotateX của FlipClock không bị “dẹt” thành 2D — nhìn lật tự nhiên hơn (không đụng bản .bigday tĩnh có gradient chữ). */
.pxl-cf7-register .bigday.pxl-bigday-countdown .flip-block-inner {
	transform-style: preserve-3d;
}

/* FlipClock.js — theme dùng line-height var(--height) / 0; giữ tỉ lệ gần mặc định (1.45em). */
/* “Đảo” font/metrics: tách khỏi .bigday (108px) để FlipClock không kế thừa mé glyph khi cắt .top/.bottom */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 2ch;
	min-height: 0.95em;
	position: relative;
	font-family: var(--font-sans), system-ui, sans-serif !important;
	font-size: 0.68em;
	font-weight: 600;
	font-style: normal;
	font-synthesis: none;
	line-height: 1;
	letter-spacing: 0;
	isolation: isolate;
}

/* Lớp số phía sau .flip-clock (anh em DOM) — không chèn vào thẻ FlipClock; chỉ trang trí độ sâu. */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .pxl-bigday-flip-backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.12em;
	pointer-events: none;
	font-family: inherit;
	font-weight: 600;
	font-size: 1em;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1, "lnum" 1;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0.14;
	transition: opacity 0.2s ease;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .pxl-bigday-flip-backdrop-digit {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 0.64em;
	height: 1.45em;
	border-radius: 0.08em;
	background: rgb(28 26 24);
	color: rgb(210 200 188);
	font-weight: 600;
	font-size: 1em;
	line-height: 1;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock,
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock * {
	font-family: inherit !important;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock {
	--font-size: 1em;
	--width: 0.64em;
	--height: 1.45em;
	position: relative;
	z-index: 1;
	align-items: center !important;
	justify-content: center !important;
	width: auto;
	max-width: 100%;
	gap: 0.06em;
	line-height: 1;
	font-weight: 600;
	font-style: normal;
	font-synthesis: none;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1, "lnum" 1;
	text-rendering: geometricPrecision;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-group+.flip-clock-group {
	margin-left: 0.12em;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-group {
	align-items: center;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-group-items {
	align-items: center !important;
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card {
	color: #f2ebe3;
	box-sizing: border-box;
	width: var(--width);
	font-weight: 600;
}

/* Thẻ lật clone (nudge 9): không dính layout flex, chỉ phủ đúng cột đơn vị. */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card.pxl-bigday-phantom-nine-flip {
	flex-shrink: 0;
	width: var(--width);
	height: var(--height);
}

/*
 * Hai nửa: cùng màu chữ + smoothing — tránh nửa sáng/nửa xám do antialias khác nhau khi clip.
 */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card-item-inner .top,
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card-item-inner .bottom {
	font-weight: 600;
	font-size: 1em;
	letter-spacing: 0;
	text-transform: none;
	font-variant: normal;
	color: #f2ebe3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

/* Giữ đúng metrics của theme FlipClock (override specificity cao hơn flipclock.css). */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card-item-inner .top {
	line-height: var(--height);
}

.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card-item-inner .bottom {
	line-height: 0;
}

/* Số tĩnh sau khi lật xong — cùng palette/metrics với thẻ FlipClock (.top/.bottom #f2ebe3), không dùng gradient chữ như bản cũ */
.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .pxl-bigday-static-digits {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 0.95em;
	font-family: var(--font-sans), system-ui, sans-serif !important;
	font-size: 1em;
	font-weight: 600;
	font-style: normal;
	font-synthesis: none;
	line-height: 1;
	letter-spacing: 0.06em;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1, "lnum" 1;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f2ebe3;
	-webkit-text-fill-color: #f2ebe3;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
}

/* Lật số: chỉ dùng animation gốc của FlipClock (flip-clock-top / flip-clock-bottom …) — không chồng keyframe tay. */

@media (prefers-reduced-motion: reduce) {
	.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .pxl-bigday-flip-backdrop {
		display: none !important;
	}

	.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card.animate {
		animation: none !important;
	}

	.pxl-cf7-register .bigday .pxl-bigday-flipclock-mount .flip-clock .flip-clock-card.pxl-bigday-phantom-nine-flip {
		display: none !important;
	}
}

.pxl-cf7-register .bigday .bigday-text-gradient,
.pxl-cf7-register .bigday em {
	font-style: italic;
	font-weight: 600;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(#f4e4b8, #e8c988 30%, #c9a86a 70%, #a88860);
	-webkit-background-clip: text;
	background-clip: text;
	display: inline-block;
	color: transparent;
}

.pxl-cf7-register .bigday .ngay {
	font-family: var(--font-cinzel);
	font-size: 42px;
	font-weight: 600;
	letter-spacing: 0.08em;
	vertical-align: baseline;
	margin-left: 14px;
	-webkit-text-fill-color: transparent;
	background: #fff;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	line-height: 1.5;
}

/* CF7 wrapper */
.pxl-cf7-register .wpcf7 {
	margin-top: 26px;
	text-align: center;
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}

.pxl-cf7-register .wpcf7-form .pxl-cf7-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pxl-cf7-register .wpcf7-form .pxl-cf7-fields .secu {
	font-size: 12px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 2;
	margin-top: -5px;
	font-style: italic;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pxl-cf7-register .wpcf7-form .pxl-cf7-fields .secu a {
	color: #fff;
}

.pxl-cf7-register .wpcf7-form .pxl-cf7-fields .secu a:hover {
	color: #e8c988;
}

.pxl-cf7-register .wpcf7-form .pxl-cf7-fields .secu>span,
.pxl-cf7-register .pxl-cf7-apply__footer.secu>span,
.pxl-cf7-register .pxl-cf7-apply .secu>span {
	display: block;
	line-height: 1.55;
}

/* Span bọc CF7 — hiệu ứng nhóm ô (focus/hover); không cố định height để textarea được cao */
.pxl-cf7-register .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	min-height: 53px;
	border-radius: 12px;
	position: relative;
	transition:
		box-shadow 0.25s ease,
		transform 0.22s ease;
}

@media (pointer: fine) {

	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-text:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-email:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-number:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-tel:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-textarea:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(input.pxl-cf7-input:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(input.pxl-cf7-apply-input:hover:not(:disabled)) {
		transform: translateY(-1px);
		box-shadow: 0 10px 28px -14px rgb(0 0 0 / 45%);
	}
}

.pxl-cf7-register .wpcf7-form-control-wrap:focus-within {
	box-shadow:
		0 0 0 1px #e8c98859,
		0 12px 40px -14px rgb(232 201 136 / 22%),
		0 8px 32px -18px rgb(232 201 136 / 15%);
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
	.pxl-cf7-register .wpcf7-form-control-wrap {
		transition: none;
	}

	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-text:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-email:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-number:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-tel:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(.wpcf7-textarea:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(input.pxl-cf7-input:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:has(input.pxl-cf7-apply-input:hover:not(:disabled)),
	.pxl-cf7-register .wpcf7-form-control-wrap:focus-within {
		transform: none;
	}
}

/* Input — khớp index .form-fields input */
.pxl-cf7-register .wpcf7-text,
.pxl-cf7-register .wpcf7-email,
.pxl-cf7-register .wpcf7-number,
.pxl-cf7-register .wpcf7-tel,
.pxl-cf7-register .wpcf7-textarea,
.pxl-cf7-register input.pxl-cf7-input,
.pxl-cf7-register input.pxl-cf7-apply-input {
	width: 100%;
	padding: 16px 20px;
	height: 53px;
	font-family: inherit;
	font-size: 14px;
	color: var(--ink);
	text-align: center;
	background: linear-gradient(#13100c, #0b0907);
	border: 1px solid #d4b89640;
	border-radius: 10px;
	outline: none;
	transition: all 0.25s;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
}

.pxl-cf7-register .wpcf7-textarea {
	min-height: 120px;
	resize: vertical;
}

.pxl-cf7-register .wpcf7-text:focus,
.pxl-cf7-register .wpcf7-email:focus,
.pxl-cf7-register .wpcf7-number:focus,
.pxl-cf7-register .wpcf7-tel:focus,
.pxl-cf7-register .wpcf7-textarea:focus,
.pxl-cf7-register input.pxl-cf7-input:focus,
.pxl-cf7-register input.pxl-cf7-apply-input:focus {
	border-color: #E9926B;
	box-shadow: 0 0 0 3px #e8c9881f;
	color: #fff;
}

.pxl-cf7-register .wpcf7-text::placeholder,
.pxl-cf7-register .wpcf7-email::placeholder,
.pxl-cf7-register .wpcf7-number::placeholder,
.pxl-cf7-register .wpcf7-tel::placeholder,
.pxl-cf7-register .wpcf7-textarea::placeholder,
.pxl-cf7-register input.pxl-cf7-input::placeholder,
.pxl-cf7-register input.pxl-cf7-apply-input::placeholder {
	color: var(--ink-3);
	font-family: var(--font-cinzel);
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}

/* Nút — khớp index .btn-register */
.pxl-cf7-register input.wpcf7-submit,
.pxl-cf7-register button.wpcf7-submit,
.pxl-cf7-register .wpcf7-submit {
	margin-top: 6px;
	padding: 8px 20px;
	width: 100%;
	cursor: pointer;
	border-radius: 10px;
	transition: all 0.25s;
	color: #1a1410;
	font-family: var(--font-sans);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	background: linear-gradient(92deg, #9C514C 2.7%, #E9926B 41.07%, #9C514C 98.84%);
	-webkit-appearance: none;
	appearance: none;
}

.pxl-cf7-register input.wpcf7-submit:hover,
.pxl-cf7-register button.wpcf7-submit:hover,
.pxl-cf7-register .wpcf7-submit:hover {
	filter: brightness(1.08);
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px #fff9,
		0 0 40px -4px #e8c988b3,
		0 12px 30px -8px #e8c98880;
}

.pxl-cf7-register .wpcf7-response-output {
	border: none !important;
	padding: 0px !important;
	font-family: var(--font-sans);
	font-style: italic;
	font-size: 18px;
	color: #E9926B
}

.pxl-cf7-register .wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 6px;
	color: #e8a93a;
}

.pxl-cf7-register .pxl-cf7-privacy-consent {
	padding: 0 8px;
	font-family: var(--font-sans);
	font-size: 11px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.9);
	text-align: center;
}

.pxl-cf7-register .pxl-cf7-privacy-consent a {
	color: var(--gold-2, #d4b896);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pxl-cf7-register .pxl-cf7-privacy-consent a:hover,
.pxl-cf7-register .pxl-cf7-privacy-consent a:focus-visible {
	color: var(--gold-bright, #e8c988);
}

/* Form ứng tuyển — .pxl-cf7-apply (cùng style register, không khối xanh) */
.pxl-cf7-register .pxl-cf7-apply {
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
	text-align: center;
}

.pxl-cf7-register .pxl-cf7-apply__head {
	margin: 0 0 18px;
}

.pxl-cf7-register .pxl-cf7-apply__title {
	font-family: var(--font-cinzel);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.32em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 10px;
}

.pxl-cf7-register .pxl-cf7-apply__subtitle {
	margin: 0;
	font-family: "Be Vietnam Pro", var(--font-sans, system-ui, sans-serif);
	font-size: 16px;
	font-weight: 500;
	color: #f0f4f8;
	line-height: 1.45;
}

.pxl-cf7-register .pxl-cf7-apply__fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pxl-cf7-register .pxl-cf7-apply__footer.secu,
.pxl-cf7-register .pxl-cf7-apply .secu {
	font-size: 12px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.9);
	margin-top: 4px;
	font-style: italic;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* Khối Register đã có chrome → chỉ ẩn dòng trùng (giữ dòng còn lại trong CF7) */
.pxl-cf7-register .form-inset>.top~.wpcf7 .pxl-cf7-apply__title {
	display: none;
}

.pxl-cf7-register .form-inset>.chicon~.wpcf7 .pxl-cf7-apply__subtitle {
	display: none;
}

.pxl-cf7-register .pxl-cf7-apply__footer.secu a,
.pxl-cf7-register .pxl-cf7-apply .secu a {
	color: var(--gold-2, #d4b896);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pxl-cf7-register .pxl-cf7-apply__footer.secu a:hover,
.pxl-cf7-register .pxl-cf7-apply__footer.secu a:focus-visible,
.pxl-cf7-register .pxl-cf7-apply .secu a:hover,
.pxl-cf7-register .pxl-cf7-apply .secu a:focus-visible {
	color: var(--gold-bright, #e8c988);
}

.pxl-cf7-register .pxl-cf7-apply input.pxl-cf7-apply-submit,
.pxl-cf7-register .pxl-cf7-apply .wpcf7-submit {
	margin-top: 6px;
	padding: 8px 20px;
	width: 100%;
	cursor: pointer;
	border-radius: 10px;
	color: #1a1410;
	font-family: var(--font-sans);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	background: linear-gradient(92deg, #9C514C 2.7%, #E9926B 41.07%, #9C514C 98.84%);
	border: none;
	-webkit-appearance: none;
	appearance: none;
}

@media (max-width: 560px) {
	.pxl-cf7-register .form-divider em {
		font-size: 30px;
	}

	.pxl-cf7-register .bigday {
		font-size: 72px;
	}

	.pxl-cf7-register .bigday .ngay {
		font-size: 28px;
	}
}