/* ==========================================================================
   Shared mobile/tablet third-level (local) navigation
   PDF usertest p.4:
   - breadcrumb always first
   - 2 items → underline tab row
   - 3+ items → Sisukord dropdown
   Desktop (≥901px) unchanged — these rules are mobile/tablet only.
   ========================================================================== */

@media (max-width: 900px) {
	/* ------------------------------------------------------------------
	   Breadcrumb first — news archive
	   ------------------------------------------------------------------ */
	.news-archive--has-local-nav .news-archive__wrapper {
		display: flex;
		flex-direction: column;
	}

	.news-archive--has-local-nav .news-main {
		display: contents;
	}

	.news-archive--has-local-nav .news-breadcrumb {
		order: 1;
	}

	.news-archive--has-local-nav .news-header-row {
		order: 2;
	}

	.news-archive--has-local-nav .news-sidebar {
		order: 3;
		padding: 0;
		width: 100%;
		min-width: unset;
	}

	.news-archive--has-local-nav .news-list,
	.news-archive--has-local-nav .news-pagination,
	.news-archive--has-local-nav .news-empty,
	.news-archive--has-local-nav .news-archive-years {
		order: 4;
	}

	/* Teated archive: breadcrumb → Sisukord → title → posts */
	.news-archive--teated-archive.news-archive--has-local-nav .news-breadcrumb {
		order: 1;
	}

	.news-archive--teated-archive.news-archive--has-local-nav .news-sidebar {
		order: 2;
	}

	.news-archive--teated-archive.news-archive--has-local-nav .news-header-row {
		order: 3;
	}

	.news-archive--teated-archive.news-archive--has-local-nav .news-archive-years,
	.news-archive--teated-archive.news-archive--has-local-nav .news-empty {
		order: 4;
	}

	/* ------------------------------------------------------------------
	   Breadcrumb first — FAQ
	   ------------------------------------------------------------------ */
	.faq-block--has-local-nav .faq-block__wrapper {
		display: flex;
		flex-direction: column;
	}

	.faq-block--has-local-nav .faq-main {
		display: contents;
	}

	.faq-block--has-local-nav .faq-breadcrumb {
		order: 1;
	}

	.faq-block--has-local-nav .faq-sidebar {
		order: 2;
		padding: 0;
		width: 100%;
		position: static;
	}

	.faq-block--has-local-nav .faq-panel {
		order: 3;
	}

	/* ------------------------------------------------------------------
	   2 items → underline tab row
	   ------------------------------------------------------------------ */
	.pv-section-sidebar--two-items .pv-section-sidebar__label,
	.news-sidebar--two-items .news-sidebar__label,
	.faq-block--two-tabs .faq-sidebar__label {
		display: none;
	}

	.pv-section-sidebar--two-items .pv-section-sidebar__list,
	.news-sidebar--two-items .news-sidebar__list,
	.faq-block--two-tabs .faq-sidebar__list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0;
		width: 100%;
		border-bottom: 1px solid var(--wp--preset--color--gray-02, #e4e4e7);
	}

	.pv-section-sidebar--two-items .pv-section-sidebar__item,
	.news-sidebar--two-items .news-sidebar__list > li,
	.faq-block--two-tabs .faq-sidebar__item {
		flex: 1 1 0;
		min-width: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.pv-section-sidebar--two-items .pv-section-sidebar__link,
	.news-sidebar--two-items .news-sidebar__item,
	.faq-block--two-tabs .faq-sidebar__btn {
		justify-content: center;
		width: 100%;
		margin: 0;
		padding: calc(14px * var(--pv-ui-scale)) calc(10px * var(--pv-ui-scale));
		border-radius: 0;
		background: transparent;
		color: var(--wp--preset--color--gray-03, #666);
		border-bottom: 2px solid transparent;
		margin-bottom: -1px;
		text-align: center;
		box-shadow: none;
		font-size: calc(13px * var(--pv-ui-scale));
		letter-spacing: calc(1px * var(--pv-ui-scale));
		line-height: 1.3;
		overflow-wrap: anywhere;
	}

	.pv-section-sidebar--two-items .pv-section-sidebar__link:hover,
	.news-sidebar--two-items .news-sidebar__item:hover,
	.faq-block--two-tabs .faq-sidebar__btn:hover {
		background: transparent;
		color: var(--wp--preset--color--brand-01-dark, #102f5d);
	}

	.pv-section-sidebar--two-items .pv-section-sidebar__item.is-active .pv-section-sidebar__link,
	.news-sidebar--two-items .news-sidebar__item.is-active,
	.faq-block--two-tabs .faq-sidebar__item.is-active .faq-sidebar__btn {
		background: transparent;
		color: var(--wp--preset--color--primary-blue, #0068ff);
		border-bottom-color: var(--wp--preset--color--primary-blue, #0068ff);
		box-shadow: none;
	}

	.faq-block--two-tabs .faq-sidebar__item.is-active {
		background: transparent;
		box-shadow: none;
	}

	.faq-block--two-tabs .faq-sidebar__item.is-active .faq-sidebar__icon {
		color: var(--wp--preset--color--primary-blue, #0068ff);
	}

	.news-sidebar--two-items .news-sidebar__count {
		display: none;
	}

	/* ------------------------------------------------------------------
	   3+ items → Sisukord dropdown (shared visual)
	   Component sheets keep toggle markup; this unifies mobile presentation.
	   ------------------------------------------------------------------ */
	.pv-section-sidebar--many-items .pv-section-sidebar__label,
	.news-sidebar--many-items .news-sidebar__label,
	.faq-block--many-tabs .faq-sidebar__label {
		display: none;
	}

	.pv-local-nav-toggle,
	.pv-section-sidebar__toggle,
	.news-sidebar__toggle,
	.faq-sidebar__toggle {
		display: none;
	}

	.pv-section-sidebar--many-items .pv-section-sidebar__toggle,
	.news-sidebar--many-items .news-sidebar__toggle,
	.faq-block--many-tabs .faq-sidebar__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: calc(10px * var(--pv-ui-scale));
		width: 100%;
		padding: calc(12px * var(--pv-ui-scale)) calc(14px * var(--pv-ui-scale));
		border: 1px solid var(--wp--preset--color--gray-02, #e4e4e7);
		border-radius: calc(12px * var(--pv-ui-scale));
		background: var(--wp--preset--color--white, #fff);
		color: var(--wp--preset--color--brand-01-dark, #102f5d);
		font-family: var(--wp--preset--font-family--inter, 'Inter', sans-serif);
		font-weight: 600;
		font-size: calc(14px * var(--pv-ui-scale));
		letter-spacing: calc(1.2px * var(--pv-ui-scale));
		text-transform: uppercase;
		cursor: pointer;
	}

	.pv-section-sidebar__toggle-icon,
	.pv-section-sidebar__toggle-chevron,
	.news-sidebar__toggle-icon,
	.news-sidebar__toggle-chevron,
	.faq-sidebar__toggle-icon,
	.faq-sidebar__toggle-chevron {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.pv-section-sidebar__toggle-label,
	.news-sidebar__toggle-label,
	.faq-sidebar__toggle-label {
		flex: 1 1 auto;
		text-align: left;
	}

	.pv-section-sidebar--many-items .pv-section-sidebar__nav,
	.news-sidebar--many-items .news-sidebar__list,
	.faq-block--many-tabs .faq-sidebar__list {
		margin-top: calc(8px * var(--pv-ui-scale));
	}

	.pv-section-sidebar--many-items.is-collapsed .pv-section-sidebar__nav,
	.news-sidebar--many-items.is-collapsed .news-sidebar__list,
	.faq-block--many-tabs .faq-sidebar.is-collapsed .faq-sidebar__list {
		display: none;
	}

	.pv-section-sidebar--many-items .pv-section-sidebar__list,
	.faq-block--many-tabs .faq-sidebar__list {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: calc(4px * var(--pv-ui-scale));
	}

	.pv-section-sidebar--many-items .pv-section-sidebar__item,
	.faq-block--many-tabs .faq-sidebar__item {
		flex: 0 0 auto;
	}

	.pv-section-sidebar--many-items.is-open .pv-section-sidebar__toggle-chevron svg,
	.news-sidebar--many-items.is-open .news-sidebar__toggle-chevron svg,
	.faq-block--many-tabs .faq-sidebar.is-open .faq-sidebar__toggle-chevron svg {
		transform: rotate(180deg);
	}
}