/* Exploding Ideas: brand layer over the theme. */

:root:root {
	--ei-ink: #171717;
	--ei-yellow: #FFD000;
	--ei-orange: #FF7300;
	--ei-grey: #5F6064;
	--ei-warm: #FFF7D6;
	--ei-hero-a: #FDE047;
	--ei-hero-b: #FEFCE8;
	--ei-line: #E7E5DD;

	/* Kadence global palette */
	--global-palette1: #171717;
	--global-palette2: #FF7300;
	--global-palette3: #171717;
	--global-palette4: #2B2B2B;
	--global-palette5: #5F6064;
	--global-palette6: #8A8B8F;
	--global-palette7: #FFF7D6;
	--global-palette8: #FFFCF0;
	--global-palette9: #FFFFFF;
	--global-body-font-family: 'Inter', Arial, Helvetica, sans-serif;
	--global-heading-font-family: 'Inter', Arial, Helvetica, sans-serif;
}

html body {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	color: var(--ei-ink);
	background: #fff;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .entry-title, html body .site-title {
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: var(--ei-ink);
	letter-spacing: -0.01em;
}

a { color: var(--ei-ink); text-decoration-color: var(--ei-orange); text-underline-offset: 3px; }
a:hover { color: var(--ei-orange); }

/* Buttons: yellow with ink text and ink border */
.wp-block-button__link,
.wp-element-button,
button, input[type="submit"], .button {
	background: var(--ei-yellow);
	color: var(--ei-ink);
	border: 2px solid var(--ei-ink);
	border-radius: 6px;
	font-weight: 700;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover, input[type="submit"]:hover, .button:hover {
	background: var(--ei-ink);
	color: var(--ei-yellow);
}

/* Home hero: the inherited yellow gradient */
.ei-hero {
	background: linear-gradient(180deg, var(--ei-hero-a) 0%, var(--ei-hero-b) 100%);
	padding: clamp(40px, 8vw, 96px) 20px;
	margin-top: 0;
	margin-bottom: 48px;
}
html body .ei-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.1; max-width: 900px; margin: 0 auto 20px; }
.ei-hero p { max-width: 680px; margin-left: auto; margin-right: auto; font-size: 1.15rem; }
.ei-small { font-size: .9rem; color: var(--ei-grey); }

/* Pillar pages: same gradient behind the title area */
body.ei-pillar .entry-hero-container-inner,
body.ei-pillar .entry-header,
body.ei-pillar .page-title {
	background: linear-gradient(180deg, var(--ei-hero-a) 0%, var(--ei-hero-b) 100%);
}
body.ei-pillar .entry-header { padding: 32px 24px; border-radius: 8px; }

/* Signup box */
.ei-signup {
	border: 2px solid var(--ei-ink);
	background: var(--ei-warm);
	padding: 24px;
	margin: 40px 0;
	border-radius: 8px;
}
.ei-hero .ei-signup { background: rgba(255, 255, 255, .6); max-width: 620px; margin: 24px auto 12px; }
.ei-signup__title { font-weight: 700; font-size: 1.15rem; margin: 0 0 6px; }
.ei-signup__text { color: var(--ei-grey); margin: 0 0 14px; }
.ei-signup--missing { border-style: dashed; background: #fff; }

/* Tables and separators */
.wp-block-table table { border-collapse: collapse; width: 100%; font-size: .95rem; }
.wp-block-table th { background: var(--ei-ink); color: #fff; text-align: left; }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--ei-line); padding: 10px 12px; vertical-align: top; }
.wp-block-table tr:nth-child(even) td { background: #FFFCF0; }
.wp-block-separator { border-color: var(--ei-line); opacity: 1; }

/* Answer block (first bold paragraph of a post) */
.single-post .entry-content > p:first-child strong:only-child {
	display: block;
	border-left: 4px solid var(--ei-yellow);
	padding: 4px 0 4px 16px;
	font-weight: 600;
}

/* Latest posts grid on the home */
.wp-block-latest-posts.is-grid li { border: 1px solid var(--ei-line); border-radius: 8px; padding: 12px; }
.wp-block-latest-posts__post-title { font-weight: 700; text-decoration: none; }

/* Home is full width for the hero; keep every other block at a readable width with side gutters. */
body.home .entry-content > *:not(.alignfull) {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}
body.home .entry-content > .wp-block-latest-posts,
body.home .entry-content > .wp-block-group:not(.alignfull) {
	max-width: 1200px;
}