/**
 * Our Agency — site-wide brand overrides
 * Matches our-agency.co.uk: dark bg, Gelica body, National 2 headings, #7DFF7F accent
 */

/* ─── Global shell ─── */
html,
body {
	background-color: #252F2C;
}

.wp-site-blocks {
	background-color: #252F2C;
	color: #ffffff;
	min-height: 100vh;
}

.skip-link.screen-reader-text:focus {
	background: #7DFF7F;
	color: #252F2C;
}

/* ─── Main content ─── */
main.wp-block-group {
	color: #ffffff;
}

.wp-block-post-content,
.wp-block-post-content p {
	color: rgba(255, 255, 255, 0.85);
}

.wp-block-post-title {
	font-family: var(--wp--preset--font-family--national-2, "National 2 Condensed", "Arial Narrow", sans-serif);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #7DFF7F !important;
}

/* ─── Header & footer template parts ─── */
.wp-block-template-part[data-area="header"] .alignfull,
.wp-block-template-part[data-area="footer"] > .wp-block-group,
.wp-block-template-part[data-area="footer"] .wp-block-group.alignwide {
	background-color: #252F2C !important;
}

.wp-block-template-part[data-area="footer"] {
	color: rgba(255, 255, 255, 0.65);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.wp-block-template-part[data-area="footer"] .wp-block-site-tagline,
.wp-block-template-part[data-area="footer"] .has-small-font-size,
.wp-block-template-part[data-area="footer"] p {
	color: rgba(255, 255, 255, 0.45);
}

.wp-block-template-part[data-area="footer"] a {
	color: rgba(255, 255, 255, 0.65);
}

.wp-block-template-part[data-area="footer"] a:hover {
	color: #7DFF7F;
}

/* ─── Header logo ─── */
.oa-header-logo {
	margin: 0;
	line-height: 0;
}

.oa-header-logo a {
	display: inline-block;
	line-height: 0;
	text-decoration: none;
}

.oa-header-logo__mark {
	display: block;
	width: 120px;
}

.oa-header-logo__mark img {
	display: block;
	width: 120px;
	height: auto;
}

/* ─── Buttons — Gelica Bold ─── */
.wp-element-button,
.wp-block-button__link,
.oa-auditor__btn,
.oa-results__restart {
	font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
}

/* ─── Header CTA — match audit form button ─── */
.wp-block-template-part[data-area="header"] .wp-block-button__link {
	display: inline-block;
	background: #7DFF7F;
	color: #252F2C !important;
	font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
	font-weight: 700;
	font-size: 1rem;
	text-transform: none;
	letter-spacing: 0;
	padding: 1rem 2rem;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.15s ease;
}

.wp-block-template-part[data-area="header"] .wp-block-button__link:hover {
	background: #6ae66c;
	color: #252F2C !important;
	transform: translateY(-1px);
}

/* ─── Links ─── */
.wp-site-blocks a:where(:not(.wp-element-button)):not(.oa-auditor__btn) {
	color: rgba(255, 255, 255, 0.85);
}

.wp-site-blocks a:where(:not(.wp-element-button)):not(.oa-auditor__btn):hover {
	color: #7DFF7F;
}

/* ─── Block UI elements ─── */
.wp-block-separator {
	border-color: rgba(255, 255, 255, 0.12) !important;
	color: rgba(255, 255, 255, 0.12) !important;
}

.wp-block-search__input {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

/* ─── Plugin audit form — blend with page ─── */
.oa-auditor {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}

.oa-auditor__heading {
	font-family: var(--wp--preset--font-family--national-2, "National 2 Condensed", "Arial Narrow", sans-serif);
	font-size: 3.5rem;
}

/* Footer heart */
.oa-footer-heart {
	color: #7DFF7F;
}

.oa-auditor,
.oa-auditor__subheading,
.oa-auditor__field input,
.oa-auditor__btn,
.oa-results__summary,
.oa-results__cat-finding,
.oa-results__action-desc,
.oa-results__strengths,
.oa-results__cta p {
	font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
}

.oa-results__section-title,
.oa-results__cat-label,
.oa-results__action-title,
.oa-results__action-priority,
.oa-results__cta h3,
.oa-auditor__field label,
.oa-results__restart {
	font-family: var(--wp--preset--font-family--national-2, "National 2 Condensed", "Arial Narrow", sans-serif);
}

.oa-auditor__btn {
	border-radius: 50px;
}

form#oa-auditor-form {
    max-width: 540px;
    margin: auto;
}

.oa-results__cta {
    background: #D8F4C3;
    border: 0;
    border-radius: 6px;
    padding: 3rem;
    margin: 2rem 0;
    text-align: center;
}

.oa-results__cta p {
	color: #252F2C;
}

.oa-results__cta h3 {
    letter-spacing: 0 !important;
    font-size: 2.5em !important;
	color: #252F2C;
}

button#oa-restart-button {
	background: #D8F4C3;
	border: 0;
	border-radius: 6px;
	padding: 0.5rem 1.5rem;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
	text-transform: none;
	letter-spacing: 0;
	color: #252F2C;
}

.oa-results__action--critical span.oa-results__action-priority {
    color: #FF6A6C;
}

.oa-results__action--high span.oa-results__action-priority {
    color: #FFA500;
}

.oa-results__action--medium span.oa-results__action-priority {
    color: #66cb6b;
}

.oa-results__action--low span.oa-results__action-priority {
    color: #FFFFFF;
}

.oa-results__action-effort {
    font-family: var(--wp--preset--font-family--gelica-bold, Gelica Bold, Georgia, serif);
    padding: 0.3em 0.6em 0;
    font-size: 0.75rem;
    color: #7DFF7F;
    background: #252F2C;
    line-height: 2;
    border-radius: 4px;
	font-weight: 700;
}

.oa-results__url {
    font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: #D6F0C1;
    margin-bottom: 0.5rem;
    word-break: break-all;
}

.oa-results__header {
	gap: 2.5rem;
	align-items: center;
}

.oa-results__header-main {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 65%;
}

.oa-results__header-score {
	flex: 0 0 11rem;
	min-width: 11rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.oa-results__header-score .oa-results__score {
	white-space: nowrap;
}

.oa-results__cat-label {
    font-family: var(--wp--preset--font-family--national-2, "National 2 Condensed", "Arial Narrow", sans-serif);
    font-size: 1.5em;
}

button#oa-restart {
    font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);

}

.oa-results__grade {
	border-radius: 50px;
	border: 1px solid #7DFF7F;
	padding: 0.3rem 1.2rem;
	font-size: 0.9rem;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--gelica, Gelica, Georgia, serif);
	text-transform: none;
	letter-spacing: 0;
	color: #7DFF7F;
	text-align: center;
	margin-top: 0.75rem;
}

@media (max-width: 768px) {
	.oa-results__header-main {
		max-width: 100%;
	}

	.oa-results__header-score {
		flex: 0 0 auto;
		min-width: 0;
		width: 100%;
	}
}