/* Label: Social Compact */

:root {
	--button-bg: #2e5bff;
	--button-bg-hover: #2349cc;
	--button-border: #2349cc;
	--button-secondary-bg: color-mix(in srgb, var(--crishub-bg) 88%, white 12%);
	--button-secondary-bg-hover: color-mix(in srgb, var(--button-secondary-bg) 88%, var(--crishub-accent) 12%);
	--button-secondary-border: color-mix(in srgb, var(--crishub-line) 78%, #b8c5d8 22%);
	--button-secondary-text: color-mix(in srgb, var(--crishub-text) 94%, #0f172a 6%);
	--button-text: #ffffff;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: -0.01em;
	background: linear-gradient(180deg, color-mix(in srgb, var(--crishub-bg) 92%, #edf2f8 8%), color-mix(in srgb, var(--crishub-bg) 84%, #dfe7f2 16%));
}

.site-header,
.site-footer {
	padding: 12px 16px;
	backdrop-filter: none;
}

main {
	max-width: 1060px;
	padding: 18px 16px 28px;
}

.crishub-navbar,
.crishub-menu-wrap,
.crishub-navbar ul,
.crishub-hero-actions,
.crishub-pagination .nav-links,
.crishub-signal-tags,
.crishub-card-chips {
	gap: 8px;
}

.crishub-hero,
.crishub-section-header,
.crishub-breadcrumb,
.crishub-terminal-block,
.crishub-cta-subscribe,
.crishub-pagination,
.entry-content,
.crishub-card,
.crishub-content-card,
.crishub-hero-panel,
.crishub-hero-stats li,
.crishub-hero-panel-list li,
.crishub-detail-meta,
.crishub-detail-meta-list li,
.crishub-footer-status,
.crishub-signal-strip,
.widget,
.wp-block-search,
.wp-block-categories,
.wp-block-archives,
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-tag-cloud,
.wp-block-query,
.wp-block-rss,
.wp-block-calendar,
.wp-block-group.has-background {
	border-radius: 18px !important;
	box-shadow: 0 8px 18px color-mix(in srgb, var(--crishub-line) 12%, transparent) !important;
	background: linear-gradient(180deg, color-mix(in srgb, var(--crishub-bg) 94%, white 6%), color-mix(in srgb, var(--crishub-bg) 86%, var(--crishub-surface) 14%)) !important;
	border-color: color-mix(in srgb, var(--crishub-line) 76%, #cad5e4 24%) !important;
}

.crishub-hero,
.crishub-signal-strip,
.entry-content,
.crishub-detail-meta,
.crishub-terminal-block,
.crishub-cta-subscribe {
	padding: 18px !important;
}

.crishub-card,
.crishub-content-card,
.crishub-section-header,
.crishub-breadcrumb,
.crishub-pagination,
.crishub-footer-status,
.widget {
	padding: 14px !important;
}

.crishub-grid,
.crishub-hero-layout,
.crishub-detail-shell,
.crishub-signal-strip,
.crishub-footer-content {
	gap: 14px;
}

.crishub-hero h1 {
	font-size: clamp(1.8rem, 3vw, 2.7rem);
	line-height: 1.08;
}

.crishub-card h3,
.crishub-content-card h3,
.crishub-hero-panel-value {
	font-size: 0.98rem;
	line-height: 1.3;
}

.crishub-hero-description,
.crishub-card p,
.crishub-content-card p,
.crishub-signal-strip p,
.crishub-footer-copy,
.crishub-footer-signal,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.crishub-detail-meta-list li,
.crishub-terminal-block p {
	font-size: 0.95rem;
	line-height: 1.52;
}

.crishub-card-icon {
	min-width: 36px;
	height: 36px;
	padding: 0 8px;
	border-radius: 12px;
	font-size: 0.72rem;
}

.crishub-card-badge,
.crishub-card-status,
.crishub-brand-status,
.crishub-hero-eyebrow,
.crishub-section-eyebrow,
.crishub-footer-label,
.crishub-card-kicker,
.crishub-hero-panel-label {
	font-size: 0.71rem;
	letter-spacing: 0.04em;
}

.crishub-hero-stats li,
.crishub-hero-panel-list li,
.crishub-detail-meta-list li {
	padding: 9px 11px;
	border-radius: 12px;
}

.crishub-card-link,
.crishub-navbar-cta,
.crishub-btn,
.crishub-pagination .page-numbers,
.widget button,
.widget input[type="submit"],
.wp-block-search__button,
button,
input[type="submit"] {
	padding: 9px 14px;
	border-radius: 10px;
	font-size: 0.94rem;
	font-weight: 600;
	box-shadow: none;
	text-decoration: none;
}

.crishub-card-link,
.crishub-navbar-cta,
.crishub-btn-primary,
.crishub-pagination .page-numbers.current,
.crishub-cta-subscribe button,
.widget button,
.widget input[type="submit"],
.wp-block-search__button,
button,
input[type="submit"] {
	background: var(--button-bg) !important;
	border: 1px solid var(--button-border) !important;
	color: var(--button-text) !important;
}

.crishub-btn-secondary,
.crishub-menu a.is-active {
	background: var(--button-secondary-bg) !important;
	border: 1px solid var(--button-secondary-border) !important;
	color: var(--button-secondary-text) !important;
}

.crishub-card-link:hover,
.crishub-navbar-cta:hover,
.crishub-btn-primary:hover,
.crishub-pagination .page-numbers.current:hover,
.crishub-cta-subscribe button:hover,
.widget button:hover,
.widget input[type="submit"]:hover,
.wp-block-search__button:hover,
button:hover,
input[type="submit"]:hover {
	background: var(--button-bg-hover) !important;
	color: var(--button-text) !important;
	filter: none !important;
}

.crishub-btn-secondary:hover,
.crishub-menu a.is-active:hover {
	background: var(--button-secondary-bg-hover) !important;
	color: var(--button-secondary-text) !important;
	filter: none !important;
}

@media (max-width: 767px) {
	main {
		padding: 14px 12px 22px;
	}

	.site-header,
	.site-footer {
		padding: 10px 12px;
	}

	.crishub-hero,
	.crishub-section-header,
	.crishub-breadcrumb,
	.crishub-terminal-block,
	.crishub-cta-subscribe,
	.crishub-pagination,
	.entry-content,
	.crishub-card,
	.crishub-content-card,
	.crishub-signal-strip,
	.crishub-detail-meta {
		padding: 12px !important;
		border-radius: 14px !important;
	}
	}