sidebar.sidebar .sidebar-blocks .wp-block-group {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--secondary-gray);
	width: 100%;
}

sidebar.sidebar .sidebar-blocks .wp-block-group ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

sidebar.sidebar .sidebar-blocks .wp-block-group .block-title {
	border-bottom: 1px solid var(--wp--preset--color--secondary-gray);
	margin-bottom: 16px;
	font-size: 1.2em;
}

sidebar.sidebar .sidebar-blocks ul.wp-block-social-links li svg {
	width: 48px;
	height: 48px;
}

sidebar.sidebar .sidebar-blocks ul.wp-block-social-links li a {
	font-size: 1.2em;
	font-weight: 500;
}

sidebar.sidebar .sidebar-blocks .wp-block-cover.no-cover-image {
	display: none;
}

.sidebar-area nav.toc-block {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--secondary-gray);
	background-color: var(--wp--preset--color--main-white);
}

.sidebar-area nav.toc-block .title-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.sidebar-area nav.toc-block .title-row button.open-toc-list-button {
	display: none;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-size: 1.2em;
	cursor: pointer;
}

.sidebar-area nav.toc-block .title-row button.open-toc-list-button span.icon {
	width: 24px;
	height: 24px;
	display: block;
	background-image: url("/wp-content/themes/blogs-helsinki-2026/assets/icons/open_menu_icon.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.sidebar-area nav.toc-block .title-row button.open-toc-list-button[aria-expanded="true"] span.icon {
	background-image: url("/wp-content/themes/blogs-helsinki-2026/assets/icons/close_icon.svg");
}

.sidebar-area nav.toc-block .block-title {
	border-bottom: 1px solid var(--wp--preset--color--secondary-gray);
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.2em;
	width: 100%;
}

.sidebar-area nav.toc-block ul.toc-list {
	padding: 0;
	margin: 0;
	margin-top: 16px;
	list-style: none;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.sidebar-area nav.toc-block ul.toc-list li.toc-item a {
	font-size: 18px;
}

.sidebar-area nav.toc-block ul.toc-list li.toc-item.toc-level-1 {
	font-weight: 600;
}

.sidebar-area nav.toc-block ul.toc-list li.toc-item.toc-level-2 {
	padding-left: 12px;
}

.sidebar-area nav.toc-block ul.toc-list li.toc-item.toc-level-3 {
	padding-left: 24px;
}

.sidebar-area nav.toc-block ul.toc-list.is-open {
	display: block;
}

@media (max-width: 599px) {
	.sidebar-area nav.toc-block .title-row button.open-toc-list-button {
		display: flex;
		align-items: center;
		flex-direction: row;
		gap: 10px;
	}
	.sidebar-area nav.toc-block .block-title {
		border-bottom: none;
		width: auto;
	}
	.sidebar-area nav.toc-block {
		padding: 0;
	}
	.sidebar-area nav.toc-block .title-row {
		padding: 8px var(--wp--preset--spacing--50);
	}
	.sidebar-area nav.toc-block ul.toc-list {
		display: none;
		margin-top: 0;
		background-color: var(--wp--preset--color--secondary-white);
		padding: 8px var(--wp--preset--spacing--50);
	}
}