/* Frontend Author Studio — guest comment form styling.
   Renders on the theme's own single-post template, outside .fas-shell, so
   it carries its own copy of the site tokens (same pattern as
   fas-interview.css). Registration is never required to comment — this
   only restyles the form WordPress already renders for guests. */
.fas-comment-form {
	--fas-ink: #101827;
	--fas-muted: #5f6b7a;
	--fas-paper: #f3f8fb;
	--fas-line: #d7e3ea;
	--fas-accent: #0097a7;
	box-sizing: border-box;
	font-family: "Public Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	max-width: 640px;
}

.fas-comment-form *,
.fas-comment-form *::before,
.fas-comment-form *::after {
	box-sizing: border-box;
}

.fas-comment-form .comment-reply-title {
	font-size: 26px;
	font-weight: 900;
	margin: 0 0 16px;
}

.fas-comment-guest-note {
	background: var(--fas-paper);
	border-left: 3px solid var(--fas-accent);
	color: var(--fas-ink);
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 14px 16px;
}

.fas-comment-form .fas-field,
.fas-comment-form p {
	margin: 0 0 18px;
}

.fas-comment-form label {
	color: var(--fas-ink);
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px;
}

.fas-comment-form input[type="text"],
.fas-comment-form input[type="email"],
.fas-comment-form input[type="url"],
.fas-comment-form textarea {
	background: #fff;
	border: 1px solid var(--fas-line);
	color: var(--fas-ink);
	font: inherit;
	font-size: 17px;
	min-height: 56px;
	padding: 14px 16px;
	width: 100%;
}

.fas-comment-form textarea {
	min-height: 140px;
}

.fas-comment-form .comment-form-comment textarea {
	min-height: 150px;
}

.fas-comment-form input:focus-visible,
.fas-comment-form textarea:focus-visible {
	outline: 2px solid var(--fas-accent);
	outline-offset: 1px;
}

.fas-comment-form .fas-hp {
	left: -9999px;
	position: absolute;
}

/* A second, separate honeypot trap (a site Code Snippet, not this plugin)
   renders in the same form but was never actually hidden — it sat in
   normal document flow with no positioning of its own, so real commenters
   saw a bold "Leave this field empty" label and field. This plugin's
   generic label styling (bold, 16px) only made it more visible. Hide it
   the same way as this plugin's own honeypot above. */
.fas-comment-form .sw-comment-trap {
	left: -9999px;
	position: absolute;
}

.fas-comment-form .comment-form-cookies-consent {
	align-items: center;
	display: flex;
	font-size: 13px;
	gap: 8px;
}

.fas-comment-form .comment-form-cookies-consent label {
	display: inline;
	font-weight: 400;
	text-transform: none;
}

/* The submit button carries .fas-button classes (set in
   GuestCommentService::restyle_form()), but fas.css — where those classes
   are normally defined — only loads on plugin pages or posts with a video,
   not on an ordinary article. Defining them here too keeps the button
   styled wherever this stylesheet itself loads. */
.fas-comment-form .fas-button {
	background: var(--fas-accent);
	border: 2px solid var(--fas-accent);
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 700;
	justify-content: center;
	min-height: 60px;
	padding: 0 30px;
}

.fas-comment-form .fas-button:hover,
.fas-comment-form .fas-button:focus {
	background: #006b7c;
	border-color: #006b7c;
	color: #fff;
}