/* ============================================================================
   INDUSTRY PAGE STYLES (page-industry.php + template-parts/industry/*)
   Shared template, dynamic content per industry
   ============================================================================ */

/* Industry intro block */
.industry-intro-block {
	background: #fff;
	border-left: 4px solid #ffb81c;
	padding: 28px 32px;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(10, 22, 40, 0.05);
}
.industry-intro-block p {
	margin: 0;
	font-size: 1.075rem;
	line-height: 1.75;
	color: #2d3748;
}

/* Pain points grid (flexbox - centers orphan items on last row) */
.painpoints-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 22px;
	margin: 40px auto 0;
	max-width: 1100px;
}
.painpoint-card {
	flex: 0 1 calc(33.333% - 15px);
	min-width: 280px;
	background: #fff;
	border-radius: 12px;
	padding: 28px 26px;
	border: 1px solid #e5e7eb;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
@media (max-width: 991px) {
	.painpoint-card { flex: 0 1 calc(50% - 11px); }
}
@media (max-width: 600px) {
	.painpoint-card { flex: 0 1 100%; }
}
.painpoint-card:hover {
	border-color: #dc2626;
	transform: translateY(-2px);
}
.painpoint-card__icon {
	width: 48px;
	height: 48px;
	background: rgba(220, 38, 38, 0.1);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #dc2626;
	margin-bottom: 16px;
}
.painpoint-card h3 {
	font-size: 1.1rem;
	color: #0a1628;
	margin: 0 0 12px;
	line-height: 1.35;
}
.painpoint-card p {
	color: #4a5568;
	line-height: 1.65;
	font-size: 0.95rem;
	margin: 0;
}

/* Why Craigslist grid */
.why-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.why-card {
	background: #fff;
	border-radius: 12px;
	padding: 30px 26px;
	border: 1px solid #e5e7eb;
	position: relative;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.why-card:hover {
	border-color: #ffb81c;
	transform: translateY(-2px);
}
.why-card__number {
	font-size: 0.75rem;
	font-weight: 700;
	color: #ffb81c;
	letter-spacing: 0.1em;
	margin-bottom: 14px;
}
.why-card h3 {
	font-size: 1.075rem;
	color: #0a1628;
	margin: 0 0 12px;
	line-height: 1.35;
}
.why-card p {
	color: #4a5568;
	line-height: 1.65;
	font-size: 0.95rem;
	margin: 0;
}

/* Approach section (4 promises, dark bg) */
.industry-approach-section {
	position: relative;
	overflow: hidden;
}
.industry-approach-section::before {
	content: "";
	position: absolute;
	top: -30%;
	right: -10%;
	width: 60%;
	height: 160%;
	background: radial-gradient(circle, rgba(255, 184, 28, 0.07), transparent 60%);
	pointer-events: none;
}
.industry-approach-section .container { position: relative; z-index: 1; }
.section__header--light h2 { color: #fff; }
.approach-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.approach-card {
	background: rgba(255, 255, 255, 0.04);
	padding: 30px 26px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.approach-card:hover {
	border-color: #ffb81c;
	transform: translateY(-2px);
}
.approach-card__number {
	font-size: 1.5rem;
	font-weight: 800;
	color: #ffb81c;
	line-height: 1;
	margin-bottom: 14px;
}
.approach-card h3 {
	color: #fff;
	font-size: 1.125rem;
	margin: 0 0 12px;
	line-height: 1.35;
}
.approach-card p {
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.7;
	font-size: 0.95rem;
	margin: 0;
}

/* Case summary block */
.case-summary-block {
	background: #fff;
	border-radius: 14px;
	padding: 36px 32px;
	border-left: 4px solid #ffb81c;
	box-shadow: 0 2px 8px rgba(10, 22, 40, 0.06);
	margin-top: 32px;
}
.case-summary-block p {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.8;
	color: #2d3748;
}
.case-summary-note {
	margin-top: 18px;
	padding: 16px 22px;
	background: #f8fafc;
	border-radius: 8px;
}
.case-summary-note p {
	margin: 0;
	font-size: 0.85rem;
	color: #6b7280;
	line-height: 1.6;
}

/* Related industries grid */
.related-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.related-card {
	background: #fff;
	border-radius: 12px;
	padding: 26px 24px;
	border: 1px solid #e5e7eb;
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.related-card:hover {
	border-color: #ffb81c;
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(10, 22, 40, 0.08);
}
.related-card h3 {
	font-size: 1.1rem;
	color: #0a1628;
	margin: 0 0 10px;
}
.related-card p {
	color: #4a5568;
	font-size: 0.9rem;
	line-height: 1.6;
	margin: 0 0 14px;
	flex-grow: 1;
}
.related-card__cta {
	color: #ffb81c;
	font-weight: 600;
	font-size: 0.925rem;
}

/* Section header light variant (for navy bg) */
.section__header--light .eyebrow { color: #ffb81c; }
.section__header--light h2 { color: #fff; }
.section__header--light .section__lead { color: rgba(255,255,255,0.82); }



/* Craigslist categories grid (was missing - was rendering as plain text) */
.categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 22px;
	margin-top: 40px;
}
.category-card {
	background: #fff;
	border-radius: 12px;
	padding: 28px 26px;
	border: 1px solid #e5e7eb;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.category-card:hover {
	border-color: #ffb81c;
	transform: translateY(-2px);
}
.category-card__head{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px}
.category-card__tick{flex:0 0 auto;color:#16a34a;margin-top:3px}
.category-card h3 {
	font-size: 1.05rem;
	color: #0a1628;
	margin: 0;
	line-height: 1.4;
}
.category-card__fee {
	display: inline-block;
	background: #fef3c7;
	color: #92400e;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 14px;
	text-transform: uppercase;
}
.category-card p {
	color: #4a5568;
	font-size: 0.92rem;
	line-height: 1.65;
	margin: 0;
}
@media (max-width: 768px) {
	.painpoints-grid,
	.why-grid,
	.approach-grid,
	.related-grid {
		grid-template-columns: 1fr;
	}
	.industry-intro-block { padding: 24px; }
	.case-summary-block { padding: 28px 24px; }
}

/* Why-card icon badge (replaces numbers, differentiates from How-It-Works) */
.why-card__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:rgba(245,184,61,.14);color:#e0931a;margin-bottom:16px}