/*
Theme Name: Forget About 9 to 5
Theme URI: https://forgetabout925.com/
Author: Forget About 9 to 5
Description: Lightweight editorial block theme for forgetabout925.com. System fonts, no external requests, no tracking.
Version: 1.0.2
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fa925
*/

/* Accessibility ---------------------------------------------------------- */
.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	padding: 0.75rem 1rem;
	z-index: 100000;
	top: 0.5rem;
	left: 0.5rem;
}
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Header / footer -------------------------------------------------------- */
.fa-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.fa-tagline { color: var(--wp--preset--color--muted); }
.fa-footer { border-top: 1px solid var(--wp--preset--color--line); }
.fa-footer a { color: var(--wp--preset--color--ink); text-decoration: none; }
.fa-footer a:hover { text-decoration: underline; }

/* Eyebrow / kicker ------------------------------------------------------- */
.fa-kicker {
	font-size: var(--wp--preset--font-size--xs);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: var(--wp--preset--color--accent);
}

/* Cards ------------------------------------------------------------------ */
.fa-card {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 14px;
	height: 100%;
	transition: border-color 0.15s ease, transform 0.15s ease;
}
.fa-card:hover { border-color: var(--wp--preset--color--accent); }
.fa-card h3 a, .fa-card h2 a { text-decoration: none; color: inherit; }
.fa-card h3 a::after, .fa-card h2 a::after { content: ""; position: absolute; inset: 0; }
.fa-card { position: relative; }
.fa-card p { color: var(--wp--preset--color--muted); }

.fa-feature {
	background: var(--wp--preset--color--accent-soft);
	border-radius: 18px;
}

/* Article dates: the "updated" block renders only when modified after publication */
.fa-date-published::before { content: "Published "; }
.fa-date-updated::before { content: "· Updated "; }

/* Post lists ------------------------------------------------------------- */
.fa-postlist .wp-block-post { border-top: 1px solid var(--wp--preset--color--line); padding-top: 1.25rem; }
.fa-postlist .wp-block-post-title { font-size: var(--wp--preset--font-size--xl); }

/* Article body ----------------------------------------------------------- */
.fa-article .wp-block-post-content > * + h2 { margin-top: 2.75rem; }
.fa-article .wp-block-post-content > * + h3 { margin-top: 2rem; }
.fa-article .wp-block-post-content li + li { margin-top: 0.35rem; }

.fa-note {
	background: var(--wp--preset--color--notice);
	border-left: 3px solid #C99A1E;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	font-size: var(--wp--preset--font-size--sm);
}
.fa-disclosure {
	background: var(--wp--preset--color--surface);
	border-radius: 8px;
	padding: 0.85rem 1.1rem;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--muted);
}
.fa-checklist { list-style: none; padding-left: 0; }
.fa-checklist li { padding-left: 1.8rem; position: relative; }
.fa-checklist li::before {
	content: "";
	position: absolute;
	left: 0.2rem;
	top: 0.45em;
	width: 0.9rem;
	height: 0.9rem;
	border: 2px solid var(--wp--preset--color--accent);
	border-radius: 4px;
}
.fa-toc { border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 1rem 1.25rem; background: #fff; }
.fa-toc ol { margin: 0.5rem 0 0; padding-left: 1.25rem; }

/* Tables ----------------------------------------------------------------- */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; min-width: 520px; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--wp--preset--color--line); padding: 0.6rem 0.75rem; vertical-align: top; text-align: left; }
.wp-block-table thead th { background: var(--wp--preset--color--surface); }

/* Contact form ----------------------------------------------------------- */
.fa-form { display: grid; gap: 1rem; max-width: 560px; }
.fa-form label { display: block; font-weight: 600; font-size: var(--wp--preset--font-size--sm); margin-bottom: 0.35rem; }
.fa-form input[type="text"], .fa-form input[type="email"], .fa-form textarea {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	padding: 0.7rem 0.85rem;
	border: 1px solid #A9A497;
	border-radius: 8px;
	background: #fff;
	color: var(--wp--preset--color--ink);
}
.fa-form textarea { min-height: 160px; resize: vertical; }
.fa-form .fa-consent { display: flex; gap: 0.6rem; align-items: flex-start; font-weight: 400; }
.fa-form .fa-consent input { margin-top: 0.3rem; }
.fa-form button {
	justify-self: start;
	font: inherit;
	font-weight: 600;
	border: 0;
	border-radius: 999px;
	padding: 0.75rem 1.5rem;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	cursor: pointer;
}
.fa-form button:hover { background: var(--wp--preset--color--accent); }
.fa-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.fa-form-msg { padding: 0.85rem 1rem; border-radius: 8px; }
.fa-form-msg.is-ok { background: var(--wp--preset--color--accent-soft); }
.fa-form-msg.is-err { background: #FBE7E7; }

/* Pending publisher fields (legal pages) --------------------------------- */
.fa-missing { background: #FBE7E7; color: #7A1D1D; padding: 0 0.3rem; border-radius: 4px; font-weight: 600; }