/* ============================================================
   Responsive layout
   Sizing, spacing and font overrides live in variables.css.
   This file handles structural and display changes only.
   ============================================================ */

/* --- Desktop (>= 768px) --- */
@media (min-width: 768px) {
	.header {
		min-height: var(--header-min-h);
		align-items: flex-start;
	}
}

/* --- Panel fullscreen mode (all viewports) --- */
body.fullscreen-mode .tab-row {
	display: none !important;
}
body.fullscreen-mode .window-box {
	border-radius: var(--radius-lg);
}

/* --- Mobile (< 768px) --- */
@media (max-width: 767px) {
	/* Swap large logo for icon */
	.header .owl-icon       { display: block; }
	.header .owl-logo-large { display: none; }

	/* Hide wordmark on mobile; owl icon triggers the main menu */
	.header .wordmark       { display: none; }
	.header .owl-icon       { cursor: pointer; }

	/* Hide desktop search, show mobile search */
	.desktop-search         { display: none; }
	.mobile-search          { display: flex; }

	/* Hide mobile search in fullscreen mode */
	body.fullscreen-mode .mobile-search {
		display: none !important;
	}
}