/**
 * Gora Blog — editorial shell (header, hero, sidebar, footer)
 */

:root {
	--gora-blue: #3c9df2;
	--gora-blue-deep: #2a7fd4;
	--gora-orange: #fe6a00;
	--gora-ink: #0a1628;
	--gora-surface: #f5f8fb;
	--gora-muted: #5a6b7d;
	--gora-border: #e2eaf2;
	--gora-radius: 16px;
	--gora-container: 1280px;
	--gora-header-h: 72px;
}

body.gora-blog-shell {
	font-family: Montserrat, system-ui, sans-serif;
	background: var(--gora-surface);
}

/* Header */
.gora-site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: color-mix(in srgb, #ffffff 92%, transparent);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--gora-border);
}

.gora-site-header .gora-header__inner {
	width: min(100% - 2rem, var(--gora-container));
	margin-inline: auto;
	min-height: var(--gora-header-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-block: 0.75rem;
}

.gora-site-header .wp-block-site-logo img {
	max-height: 44px;
	width: auto;
}

.gora-site-header .wp-block-site-logo + .wp-block-site-title {
	display: none;
}

.gora-site-header .wp-block-navigation {
	gap: 0.25rem;
}

.gora-site-header .wp-block-navigation-item__content {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--gora-ink);
	padding: 0.5rem 0.75rem;
	border-radius: 8px;
	transition: color 0.2s ease, background 0.2s ease;
}

.gora-site-header .wp-block-navigation-item__content:hover {
	color: var(--gora-blue);
	background: color-mix(in srgb, var(--gora-blue) 8%, transparent);
}

.gora-header-cta .wp-block-button__link {
	background: var(--gora-orange) !important;
	padding: 0.65rem 1.25rem !important;
	white-space: nowrap;
}

.gora-header-cta .wp-block-button__link:hover {
	background: color-mix(in srgb, var(--gora-orange) 88%, #000) !important;
}

.gora-site-header .gora-header__mobile-nav {
	display: none;
}

@media (max-width: 781px) {
	.gora-site-header .gora-header__nav {
		display: none !important;
	}

	.gora-site-header .gora-header__mobile-nav {
		display: flex !important;
	}
}

/* Hero */
.gora-blog-hero {
	background: linear-gradient(135deg, #0a1628 0%, #122a45 48%, #1a3d5c 100%);
	color: #f0f6fc;
	padding: clamp(2.5rem, 6vw, 4.5rem) 0;
	margin-bottom: 0;
}

.gora-blog-hero .gora-hero__inner {
	width: min(100% - 2rem, var(--gora-container));
	margin-inline: auto;
}

.gora-blog-hero h1 {
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	font-weight: 800;
	line-height: 1.15;
	margin: 0 0 0.75rem;
	letter-spacing: -0.02em;
}

.gora-blog-hero .gora-hero__lead {
	font-size: clamp(1rem, 2vw, 1.125rem);
	color: color-mix(in srgb, #f0f6fc 78%, transparent);
	max-width: 52ch;
	margin: 0 0 1.5rem;
}

.gora-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 2rem;
}

.gora-hero__chip {
	display: inline-block;
	padding: 0.35rem 0.85rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	background: color-mix(in srgb, var(--gora-blue) 22%, transparent);
	border: 1px solid color-mix(in srgb, var(--gora-blue) 45%, transparent);
	color: #b8dcfa;
	text-decoration: none;
}

.gora-hero__chip:hover {
	background: color-mix(in srgb, var(--gora-blue) 35%, transparent);
	color: #fff;
}

.gora-hero-featured {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 2rem;
	align-items: center;
	padding: 1.5rem;
	border-radius: var(--gora-radius);
	background: color-mix(in srgb, #ffffff 6%, transparent);
	border: 1px solid color-mix(in srgb, #ffffff 12%, transparent);
}

@media (max-width: 900px) {
	.gora-hero-featured {
		grid-template-columns: 1fr;
	}
}

.gora-hero-featured .wp-block-post-featured-image img {
	border-radius: 12px;
}

.gora-hero-featured .wp-block-post-title a {
	color: #fff;
	text-decoration: none;
	font-size: clamp(1.25rem, 2.5vw, 1.75rem);
}

.gora-hero-featured .wp-block-post-title a:hover {
	color: var(--gora-blue);
}

.gora-hero-featured .wp-block-post-excerpt {
	color: color-mix(in srgb, #f0f6fc 72%, transparent);
	font-size: 0.9375rem;
}

/* Main layout */
.gora-blog-main {
	width: min(100% - 2rem, var(--gora-container));
	margin-inline: auto;
	padding: 2.5rem 0 4rem;
}

.gora-blog-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 2.5rem;
	align-items: start;
}

@media (max-width: 1024px) {
	.gora-blog-layout {
		grid-template-columns: 1fr;
	}
}

/* Post cards in loop */
.gora-post-card {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--gora-border);
}

.gora-post-card:first-child {
	padding-top: 0;
}

.gora-post-card .wp-block-post-featured-image img {
	border-radius: 12px;
}

.gora-post-card .wp-block-post-title a {
	color: var(--gora-ink);
	text-decoration: none;
	font-weight: 700;
}

.gora-post-card .wp-block-post-title a:hover {
	color: var(--gora-blue);
}

.gora-post-card .wp-block-post-terms a {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gora-blue);
	text-decoration: none;
}

.gora-section-title {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gora-muted);
	margin: 0 0 1.25rem;
}

/* Sidebar */
.gora-sidebar {
	position: sticky;
	top: calc(var(--gora-header-h) + 1rem);
}

.gora-sidebar-panel {
	background: #fff;
	border: 1px solid var(--gora-border);
	border-radius: var(--gora-radius);
	padding: 1.25rem 1.35rem;
	margin-bottom: 1.25rem;
}

.gora-sidebar-panel h3 {
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gora-ink);
	margin: 0 0 1rem;
}

.gora-sidebar-panel .wp-block-latest-posts__list,
.gora-sidebar-panel .wp-block-categories-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gora-sidebar-panel .wp-block-latest-posts__list li,
.gora-sidebar-panel .wp-block-categories-list li {
	margin-bottom: 0.65rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid var(--gora-border);
}

.gora-sidebar-panel .wp-block-latest-posts__list li:last-child,
.gora-sidebar-panel .wp-block-categories-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.gora-sidebar-panel a {
	color: var(--gora-ink);
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
}

.gora-sidebar-panel a:hover {
	color: var(--gora-blue);
}

.gora-sidebar-cta {
	background: linear-gradient(145deg, #0a1628, #1a3d5c);
	border: none;
	color: #f0f6fc;
}

.gora-sidebar-cta h3 {
	color: #fff;
}

.gora-sidebar-cta p {
	font-size: 0.875rem;
	color: color-mix(in srgb, #f0f6fc 75%, transparent);
	margin: 0 0 1rem;
}

.gora-sidebar-cta .wp-block-button__link {
	background: var(--gora-orange) !important;
	width: 100%;
	text-align: center;
}

.gora-tag-cloud .wp-block-tag-cloud a {
	font-size: 0.8125rem !important;
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
	background: var(--gora-surface);
	border: 1px solid var(--gora-border);
	margin: 0 0.35rem 0.35rem 0;
}

/* Footer */
.gora-site-footer {
	background: var(--gora-ink);
	color: color-mix(in srgb, #f0f6fc 82%, transparent);
	margin-top: 0;
}

.gora-site-footer .gora-footer__inner {
	width: min(100% - 2rem, var(--gora-container));
	margin-inline: auto;
	padding: 3rem 0 2rem;
}

.gora-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr repeat(3, 1fr);
	gap: 2rem;
}

@media (max-width: 900px) {
	.gora-footer-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 560px) {
	.gora-footer-grid {
		grid-template-columns: 1fr;
	}
}

.gora-site-footer .wp-block-site-title a,
.gora-site-footer .wp-block-site-title {
	color: #fff;
	font-weight: 800;
	font-size: 1.25rem;
}

.gora-site-footer .wp-block-site-tagline {
	color: color-mix(in srgb, #f0f6fc 65%, transparent);
	font-size: 0.875rem;
	margin-top: 0.5rem;
}

.gora-footer-col h3 {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #fff;
	margin: 0 0 1rem;
}

.gora-site-footer .wp-block-navigation-item__content {
	color: color-mix(in srgb, #f0f6fc 78%, transparent);
	font-size: 0.875rem;
	font-weight: 500;
}

.gora-site-footer .wp-block-navigation-item__content:hover {
	color: var(--gora-blue);
}

.gora-footer-bar {
	border-top: 1px solid color-mix(in srgb, #ffffff 12%, transparent);
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.75rem;
	font-size: 0.8125rem;
	color: color-mix(in srgb, #f0f6fc 55%, transparent);
}

/* Single post */
.gora-single-hero {
	padding-top: 2rem;
}

.gora-single-hero .wp-block-post-title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.gora-single-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	font-size: 0.875rem;
	color: var(--gora-muted);
	margin-bottom: 1.5rem;
}

.gora-single-content {
	background: #fff;
	border: 1px solid var(--gora-border);
	border-radius: var(--gora-radius);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.gora-single-content .wp-block-post-content {
	max-width: 68ch;
}

/* Search in header */
.gora-header-search .wp-block-search__inside-wrapper {
	border-radius: 999px;
	border: 1px solid var(--gora-border);
	background: #fff;
}

.gora-header-search .wp-block-search__input {
	font-size: 0.875rem;
	min-height: 40px;
}