/* Ad inquiry form — the 광고문의 page (templates/tpl-ad-inquiry.php, from
   .design/ads.html). Built on the theme's --wmsf-* tokens; each fallback is
   the token's value when this was transferred, so the form still reads right
   if the tokens are missing. */

.nova-toka-form--ad-inquiry { display: grid; gap: 16px; margin: 0; }
.nova-toka-form--ad-inquiry .ntf-adq__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.nova-toka-form--ad-inquiry .ntf-adq__f { display: grid; gap: 6px; margin: 0; }
.nova-toka-form--ad-inquiry .ntf-adq__f > span { font-size: 13.5px; font-weight: 800; line-height: 1.5; color: var(--wmsf-ink-2, #465262); }
.nova-toka-form--ad-inquiry .ntf-adq__f :is(input, textarea) {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 14px;
	background: var(--wmsf-bg-2, #f3f5f7);
	padding: 14px 16px;
	font: 500 16px var(--wmsf-font, "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif);
	color: var(--wmsf-ink, #17202b);
	box-shadow: inset 0 0 0 1px transparent;
	transition: box-shadow .3s var(--wmsf-ease-spring, cubic-bezier(0.32, 0.72, 0, 1)), background-color .3s var(--wmsf-ease-spring, cubic-bezier(0.32, 0.72, 0, 1));
	resize: vertical;
}
.nova-toka-form--ad-inquiry .ntf-adq__f input { height: 52px; }

/* Required / optional markers and the legend for them. The red is the one
   the mockup uses for its error line. */
.nova-toka-form--ad-inquiry .ntf-adq__req { margin-left: 3px; font-weight: 800; color: #dc2626; }
.nova-toka-form--ad-inquiry .ntf-adq__opt {
	margin-left: 6px; padding: 1px 7px; border-radius: var(--wmsf-r-pill, 999px);
	background: var(--wmsf-bg-2, #f3f5f7); font-size: 11.5px; font-style: normal; font-weight: 600;
	color: var(--wmsf-ink-3, #647080); vertical-align: 1px;
}
.nova-toka-form--ad-inquiry .ntf-adq__note { margin: 0 0 -4px; font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--wmsf-ink-3, #647080); }
.nova-toka-form--ad-inquiry .ntf-adq__note .ntf-adq__req { margin: 0; }

/* Set by form.js on every field the submit refused; cleared on input. */
.nova-toka-form--ad-inquiry .ntf-adq__f :is(input, textarea)[aria-invalid="true"] {
	background: #fef2f2;
	box-shadow: inset 0 0 0 1.5px #dc2626;
}
.nova-toka-form--ad-inquiry .ntf-adq__f :is(input, textarea)[aria-invalid="true"]:focus {
	background: var(--wmsf-bg, #ffffff);
	box-shadow: inset 0 0 0 1.5px #dc2626, 0 0 0 4px rgb(220 38 38 / .14);
}
.nova-toka-form--ad-inquiry .ntf-adq__f :is(input, textarea)::placeholder { color: var(--wmsf-ink-3, #647080); opacity: 1; }
.nova-toka-form--ad-inquiry .ntf-adq__f :is(input, textarea):focus {
	outline: 0;
	background: var(--wmsf-bg, #ffffff);
	box-shadow: inset 0 0 0 1.5px var(--wmsf-accent, #0b6e64), 0 0 0 4px color-mix(in srgb, var(--wmsf-accent, #0b6e64) 14%, transparent);
}

/* Island button: label left, trailing icon in its own circle. */
.nova-toka-form--ad-inquiry .ntf-adq__btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	height: 48px;
	padding: 0 8px 0 18px;
	border: 0;
	border-radius: var(--wmsf-r-pill, 999px);
	background: var(--wmsf-ink, #17202b);
	color: var(--wmsf-bg, #ffffff);
	font: 700 14.5px var(--wmsf-font, "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif);
	cursor: pointer;
	transition: transform .5s var(--wmsf-ease-spring, cubic-bezier(0.32, 0.72, 0, 1)), background-color .3s var(--wmsf-ease-spring, cubic-bezier(0.32, 0.72, 0, 1));
}
.nova-toka-form--ad-inquiry .ntf-adq__btn i {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: rgb(255 255 255 / .14);
	transition: transform .5s var(--wmsf-ease-spring, cubic-bezier(0.32, 0.72, 0, 1));
}
.nova-toka-form--ad-inquiry .ntf-adq__i { width: 18px; height: 18px; }
.nova-toka-form--ad-inquiry .ntf-adq__btn:active { transform: scale(.98); }
.nova-toka-form--ad-inquiry .ntf-adq__btn:focus-visible { outline: 2px solid var(--wmsf-accent, #0b6e64); outline-offset: 3px; }
.nova-toka-form--ad-inquiry .ntf-adq__btn:disabled { opacity: .55; cursor: progress; transform: none; }
@media (hover: hover) and (pointer: fine) {
	.nova-toka-form--ad-inquiry .ntf-adq__btn:not(:disabled):hover i { transform: translate(3px, -1px) scale(1.06); }
}

.nova-toka-form--ad-inquiry .ntf-status { margin: 0; min-height: 1.5em; font-size: 14.5px; font-weight: 600; line-height: 1.5; color: var(--wmsf-ink-2, #465262); }
.nova-toka-form--ad-inquiry .ntf-status:empty { min-height: 0; margin-top: -16px; }
.nova-toka-form--ad-inquiry .ntf-status.ok { color: var(--wmsf-accent-text, #0a6157); }
.nova-toka-form--ad-inquiry .ntf-status.err { color: #dc2626; }

@media (min-width: 768px) {
	.nova-toka-form--ad-inquiry .ntf-adq__row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.nova-toka-form--ad-inquiry .ntf-adq__btn { gap: 12px; height: 56px; padding-left: 24px; font-size: 16px; }
	.nova-toka-form--ad-inquiry .ntf-adq__btn i { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
	.nova-toka-form--ad-inquiry :is(.ntf-adq__btn, .ntf-adq__btn i, .ntf-adq__f input, .ntf-adq__f textarea) { transition: none; }
}