/**
 * Interior pages, posts, archives: align main-theme markup with brutalist sibling (theme.css tokens).
 *
 * @package Brand_Mention_Tracking_Agency
 */

/* -------------------------------------------------------------------------
 * Canvas — beat studio body.bmta-app gradient + Syne-forward defaults
 * ------------------------------------------------------------------------- */

body.bmta-app.bmta-brutalist-site {
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--charcoal);
	background-color: var(--bg);
	background-image: none;
}

body.bmta-app.bmta-brutalist-site::before {
	opacity: 0.04;
	mix-blend-mode: multiply;
}

body.bmta-brutalist-site .site-header {
	z-index: 1001;
}

/* -------------------------------------------------------------------------
 * Split / article heroes (posts, article landings)
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .hero--split::before,
body.bmta-brutalist-site .hero--split::after {
	display: none !important;
}

body.bmta-brutalist-site .hero--split {
	min-height: min(72svh, 720px);
	background: var(--bg);
	border-bottom: 4px solid var(--border);
}

body.bmta-brutalist-site .hero--split h1 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 0.9;
	color: var(--charcoal);
	font-size: clamp(2.4rem, 8.5vw, 6.5rem);
	max-width: none;
}

body.bmta-brutalist-site .hero__kicker {
	font-size: clamp(0.68rem, 1.35vw, 0.82rem);
	font-weight: 900;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--charcoal);
}

body.bmta-brutalist-site .hero__lede--entry-summary {
	font-size: clamp(1.05rem, 2.2vw, 1.35rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--charcoal);
	max-width: 52ch;
}

/* -------------------------------------------------------------------------
 * Default page hero (page.php)
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .page-hero {
	border-bottom: 4px solid var(--border);
	background: var(--bg);
}

body.bmta-brutalist-site .page-hero h1 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 0.92;
	color: var(--charcoal);
	font-size: clamp(2.2rem, 7.5vw, 5.5rem);
}

body.bmta-brutalist-site .page-hero p,
body.bmta-brutalist-site .page-hero .page-hero__lead {
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 700;
	line-height: 1.3;
	color: #333;
	max-width: 62ch;
}

/* -------------------------------------------------------------------------
 * Generic sections + ambient shells
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .site-main .section {
	background: var(--white);
}

body.bmta-brutalist-site .bmta-ambient-bg {
	background-color: var(--pastel-yellow) !important;
	background-image: none !important;
}

body.bmta-brutalist-site .bmta-ambient-bg .section-head__title,
body.bmta-brutalist-site .bmta-ambient-bg .section__title,
body.bmta-brutalist-site .bmta-ambient-bg .article-landing__h2 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--charcoal);
}

body.bmta-brutalist-site .section-head__title,
body.bmta-brutalist-site .section__title {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
	color: var(--charcoal);
}

/* -------------------------------------------------------------------------
 * entry-content (pages) — match sibling .entry-content rhythm
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .site-main .entry-content {
	max-width: 68ch;
	font-size: clamp(1.05rem, 1.5vw, 1.18rem);
	font-weight: 650;
	line-height: 1.45;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main .entry-content h1,
body.bmta-brutalist-site .site-main .entry-content h2 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 0.95;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main .entry-content h2 {
	font-size: clamp(2.2rem, 5vw, 4.8rem);
}

body.bmta-brutalist-site .site-main .entry-content h3 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(1.75rem, 3.5vw, 3.2rem);
	line-height: 1;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main .entry-content h4 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(1.35rem, 2.4vw, 2.2rem);
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main .entry-content a {
	font-weight: 900;
}

body.bmta-brutalist-site .site-main .entry-content blockquote {
	margin: 2rem 0;
	padding: 1.2rem 1.4rem;
	border: 4px solid var(--border);
	box-shadow: var(--shadow-small);
	background: var(--pastel-yellow);
	font-weight: 900;
}

body.bmta-brutalist-site .site-main .entry-content img,
body.bmta-brutalist-site .site-main .entry-content .wp-block-image img {
	border: 4px solid var(--border);
	box-shadow: var(--shadow-small);
	filter: contrast(1.08) saturate(1.04);
}

/* -------------------------------------------------------------------------
 * Article landing panels (single + long-form)
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .site-main--article-landing .article-landing__panel.article-content.entry-content p,
body.bmta-brutalist-site .site-main--article-landing .article-landing__panel .article-landing__p {
	font-size: clamp(1.05rem, 1.5vw, 1.18rem);
	line-height: 1.45;
	font-weight: 650;
	color: var(--charcoal);
	max-width: 72ch;
}

body.bmta-brutalist-site .site-main--article-landing .article-landing__panel.article-content.entry-content h3,
body.bmta-brutalist-site .site-main--article-landing .article-landing__h3 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(1.75rem, 3.5vw, 3.2rem);
	line-height: 1.05;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main--article-landing .article-landing__h2 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(2.2rem, 5vw, 4.8rem);
	line-height: 0.95;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main--article-landing .article-landing__h4 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	letter-spacing: 0.04em;
	color: var(--charcoal);
}

body.bmta-brutalist-site .site-main--article-landing .article-landing__panel.article-content.entry-content blockquote {
	border: 4px solid var(--border);
	box-shadow: var(--shadow-small);
	background: var(--pastel-yellow);
	padding: 1.2rem 1.4rem;
	font-weight: 900;
}

/* -------------------------------------------------------------------------
 * Studio cards → brutal frames (contact, FAQ, listings)
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .contact-card,
body.bmta-brutalist-site .faq-item,
body.bmta-brutalist-site .post-list__item {
	border-radius: 0 !important;
	background: var(--white);
	border: 4px solid var(--border);
	box-shadow: var(--shadow-small);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.bmta-brutalist-site .contact-card:hover,
body.bmta-brutalist-site .faq-item:hover,
body.bmta-brutalist-site .post-list__item:hover {
	transform: translate(3px, 3px);
	box-shadow: 2px 2px 0 var(--border);
}

body.bmta-brutalist-site .contact-card__title,
body.bmta-brutalist-site .faq-item h2 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0;
}

body.bmta-brutalist-site .contact-card__icon {
	border-radius: 0 !important;
	border: 4px solid var(--border);
	box-shadow: var(--shadow-small);
}

body.bmta-brutalist-site .feature-card {
	border-radius: 0 !important;
	background: var(--white) !important;
	border: 4px solid var(--border) !important;
	box-shadow: var(--shadow-small) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.bmta-brutalist-site .feature-card:hover {
	transform: translate(3px, 3px);
	box-shadow: 2px 2px 0 var(--border);
}

body.bmta-brutalist-site .feature-card h3 {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--charcoal);
}

/* -------------------------------------------------------------------------
 * Primary buttons / CTAs in main theme
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .btn,
body.bmta-brutalist-site .btn--ghost {
	border-radius: 0 !important;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border: 4px solid #000 !important;
}

body.bmta-brutalist-site .btn--primary,
body.bmta-brutalist-site .btn--secondary {
	border: 4px solid #000 !important;
}

/* -------------------------------------------------------------------------
 * Footer — flat brutal bar (tokens from theme :root)
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-site .site-footer {
	background: var(--charcoal) !important;
	background-image: none !important;
	box-shadow: none;
	border-top: 4px solid var(--border);
}

body.bmta-brutalist-site .site-footer::before {
	opacity: 0.06;
}

body.bmta-brutalist-site .site-footer__brand {
	font-family: "Archivo Black", Impact, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.bmta-brutalist-site .site-footer a:hover {
	color: var(--white);
	border-bottom-color: rgba(255, 255, 255, 0.45);
}