/**
 * DAZE stability fixes.
 *
 * This file contains targeted layout fixes for the desktop fixed-header menu
 * and the product tabs on mobile.
 */

@media screen and (min-width: 992px) {
	body.page-template-fixed-header.page-template-fixed-header-second
		.main-wrapper > header
		.header-container.layout2
		.header {
		justify-content: flex-start !important;
	}

	body.page-template-fixed-header.page-template-fixed-header-second
		.main-wrapper > header
		.header-container.layout2
		.header
		.header-top {
		flex: 0 0 auto !important;
		width: 100%;
	}

	body.page-template-fixed-header.page-template-fixed-header-second
		.main-wrapper > header
		.header-container.layout2
		.header
		.col-menu {
		flex: 0 0 auto !important;
		margin-top: 40px !important;
		width: 100%;
	}

	body.page-template-fixed-header.page-template-fixed-header-second
		.main-wrapper > header
		.header-container.layout2
		.header
		.col-menu
		#mega_main_menu_ul {
		padding-top: 0 !important;
	}

	body.page-template-fixed-header.page-template-fixed-header-second
		.main-wrapper > header
		.header-container.layout2
		.header
		.header-bottom {
		flex: 1 1 auto !important;
		margin-top: auto;
		min-height: 0 !important;
		width: 100%;
	}
}

/*
 * Keep WooCommerce product tabs visible and usable on mobile. YellowPencil
 * hides this navigation and offsets the whole tab block; these rules restore
 * the same horizontal tab interface used on desktop.
 */
@media screen and (max-width: 991px) {
	body.single-product
		.product-view
		.single-product-info
		.woocommerce-tabs {
		position: static !important;
		top: auto !important;
	}

	body.single-product
		.product-view
		.single-product-info
		.woocommerce-tabs
		ul.tabs.wc-tabs {
		display: flex !important;
		flex-wrap: nowrap;
		gap: 12px;
		justify-content: flex-start;
		margin: 0 0 24px !important;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 0 12px !important;
		transform: none !important;
		visibility: visible !important;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.single-product
		.product-view
		.single-product-info
		.woocommerce-tabs
		ul.tabs.wc-tabs::-webkit-scrollbar {
		display: none;
	}

	body.single-product
		.product-view
		.single-product-info
		.woocommerce-tabs
		ul.tabs.wc-tabs
		li {
		display: block !important;
		flex: 0 0 auto;
		margin: 0 !important;
		text-align: left;
	}

	body.single-product
		.product-view
		.single-product-info
		.woocommerce-tabs
		ul.tabs.wc-tabs
		li
		a {
		display: block;
		font-size: 14px !important;
		letter-spacing: -0.25px;
		line-height: 1.2;
		white-space: nowrap;
	}
}