/**
 * Mobile header – keep #main-header-id content in one row (like desktop).
 * Overrides Elementor/Blocksy stacking on small screens.
 *
 * @package Blocksy_Child
 */

/* Tablet & mobile: force single horizontal row (like picture one – one line) */
@media (max-width: 1024px) {
	#main-header-id {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	/* Direct child containers (e-con): keep in one line – login+menu | logo | search+cart */
	#main-header-id > .e-con,
	#main-header-id > .elementor-element.e-con {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		flex: 0 1 auto !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: none !important;
		gap: 4px !important;
	}

	/* Left group (login + menu): don't grow */
	#main-header-id > .e-con:first-child {
		flex: 0 0 auto !important;
		padding: 0 !important;
	}

	/* Center (logo): can shrink a bit if needed */
	#main-header-id > .e-con:nth-child(2) {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		justify-content: center !important;
	}

	/* Right group (search + cart): don't grow */
	#main-header-id > .e-con:last-child {
		flex: 0 0 auto !important;
	}

	/* Elementor container: one row (legacy/other layouts) */
	#main-header-id .elementor-container,
	#main-header-id .elementor-section-wrap,
	#main-header-id > .elementor-container {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Elementor row: horizontal */
	#main-header-id .elementor-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 !important;
	}

	/* Elementor columns: inline, no stack */
	#main-header-id .elementor-column,
	#main-header-id .elementor-col {
		width: auto !important;
		max-width: none !important;
		flex: 0 1 auto !important;
		padding: 0 4px !important;
	}

	/* Widget wraps + direct widgets inside e-con: inline, one row */
	#main-header-id .elementor-widget-wrap,
	#main-header-id > .e-con > .elementor-widget {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}
	#main-header-id > .e-con > .elementor-widget {
		flex: 0 0 auto !important;
		min-width: 0 !important;
	}

	/* Logo: larger on mobile */
	#main-header-id .elementor-widget-theme-site-logo img,
	#main-header-id .elementor-widget-image img,
	#main-header-id [data-widget_type="theme-site-logo.default"] img,
	#main-header-id .site-logo img {
		max-height: 48px !important;
		width: auto !important;
		min-width: 100px !important;
		height: auto !important;
		object-fit: contain !important;
	}
	#main-header-id .elementor-widget-theme-site-logo,
	#main-header-id .elementor-widget-image,
	#main-header-id [data-elementor-type="wp-page"] .elementor-widget-theme-site-logo {
		flex: 0 1 auto !important;
		min-width: 0 !important;
	}

	/* Shrink text if needed, keep one line */
	#main-header-id .elementor-heading-title,
	#main-header-id .elementor-widget-heading .elementor-heading-title {
		white-space: nowrap !important;
		font-size: clamp(14px, 3.5vw, 22px) !important;
	}

	/* Ensure icons/buttons stay inline */
	#main-header-id .elementor-widget-icon,
	#main-header-id .elementor-widget-button,
	#main-header-id a {
		white-space: nowrap !important;
		padding: 1px 1px !important;
	}

	/* Login/account text: shrink on very small screens */
	#main-header-id .elementor-button-text {
		font-size: clamp(11px, 2.5vw, 14px) !important;
	}

	/* Blocksy header: if ID is on header row/section */
	#main-header-id[data-row],
	#main-header-id [data-row] {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	#main-header-id [data-column],
	#main-header-id [data-items] {
		flex: 0 1 auto !important;
		width: auto !important;
	}
}

/* Mobile: even larger logo so it’s clearly visible in one line */
@media (max-width: 768px) {
	#main-header-id .elementor-widget-theme-site-logo img,
	#main-header-id .elementor-widget-image img,
	#main-header-id [data-widget_type="theme-site-logo.default"] img,
	#main-header-id .site-logo img {
		max-height: 56px !important;
		min-width: 120px !important;
	}
}

/* Extra small mobile – tighter spacing, logo still prominent */
@media (max-width: 480px) {
	#main-header-id {
		gap: 4px !important;
	}

	#main-header-id .elementor-column,
	#main-header-id .elementor-col {
		padding: 0 2px !important;
	}

	#main-header-id .elementor-widget-theme-site-logo img,
	#main-header-id .elementor-widget-image img,
	#main-header-id [data-widget_type="theme-site-logo.default"] img,
	#main-header-id .site-logo img {
		max-height: 52px !important;
		min-width: 110px !important;
	}
}