/**
 * Site Sidebar — content + widget column layout
 *
 * @package WPBlogsAndPages
 */

/* ==========================================================================
   Content layout (main + optional sidebar)
   ========================================================================== */

.content-layout--with-sidebar {
	display: grid;
	gap: var(--spacing-8);
	align-items: start;
	padding: var(--spacing-12) 0 0;
}

.content-layout__main {
	min-width: 0;
}

.content-layout--with-sidebar .blog-single {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 992px) {
	.content-layout--with-sidebar {
		grid-template-columns: minmax(0, 1fr) var(--sidebar-width);
		gap: var(--spacing-10);
	}
}

/*
 * Homepage / About: sections keep their inner .container markup, but the
 * outer content-layout already provides page padding — strip the nested
 * padding so the main column does not look double-inset beside the sidebar.
 */
.page-template-template_home .content-layout--with-sidebar .content-layout__main .container,
.about-page .content-layout--with-sidebar .content-layout__main .container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* ==========================================================================
   Sidebar column
   ========================================================================== */

.site-sidebar {
	min-width: 0;
}

.site-sidebar__inner {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-6);
}

@media (min-width: 992px) {
	.site-sidebar__inner {
		position: sticky;
		top: calc(var(--nav-height, 4rem) + var(--spacing-4));
	}
}

/* ==========================================================================
   Widgets
   ========================================================================== */

/* .site-sidebar .widget {
	padding: var(--spacing-5);
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--card-border-radius, var(--radius-lg));
} */

.site-sidebar .widget-title {
	margin: 0 0 var(--spacing-4);
	font-family: var(--font-sans);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-tight);
	color: var(--color-text-primary);
}

.site-sidebar .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-sidebar .widget li {
	margin: 0;
	padding: var(--spacing-2) 0;
	border-bottom: 1px solid var(--color-border);
}

.site-sidebar .widget li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.site-sidebar .widget li:first-child {
	padding-top: 0;
}

.site-sidebar .widget a {
	color: var(--color-text-primary);
	text-decoration: none;
}

.site-sidebar .widget a:hover {
	color: var(--color-primary);
}

.site-sidebar .widget p {
	margin: 0 0 var(--spacing-3);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-relaxed);
	color: var(--color-text-secondary);
}

.site-sidebar .widget p:last-child {
	margin-bottom: 0;
}

.site-sidebar .widget select,
.site-sidebar .widget input[type="search"],
.site-sidebar .widget input[type="text"] {
	width: 100%;
	max-width: 100%;
}