/* ═══════════════════════════════════════════════════════════════════
	   APPLE-STYLE MOBILE NAVIGATION
	   Active ≤ 1024px (covers all mobile + tablet Elementor breakpoints).
	   Desktop (≥ 1025px) hides all mobile elements via the last block.
	   ═══════════════════════════════════════════════════════════════════ */

	@media (max-width: 1024px) {

		/* ── 1. Hide the ENTIRE Elementor nav widget ─────────────────── */
		/* Nuke the whole thing — catches every Elementor mobile variant  */
		.elementor-24227 .elementor-element-872b5c7 {
			display: none !important;
		}

		/* ── 2. Hide desktop search trigger ──────────────────────────── */
		.sf-search-trigger { display: none !important; }

		/* ── 3. Action strip — logo left, [Q][=] right ───────────────── */
		.sf-mob-actions {
			position:    absolute !important;
			top:         50% !important;
			right:       4px !important;
			transform:   translateY(-50%) !important;
			display:     flex !important;
			align-items: center !important;
			gap:         0 !important;
			z-index:     10003 !important;
		}

		.sf-mob-btn {
			width:           44px !important;
			height:          44px !important;
			display:         flex !important;
			align-items:     center !important;
			justify-content: center !important;
			background:      none !important;
			border:          none !important;
			box-shadow:      none !important;
			cursor:          pointer !important;
			padding:         0 !important;
			margin:          0 !important;
			-webkit-tap-highlight-color: transparent !important;
			outline:         none !important;
			color:           #111111 !important;    /* lock SVG currentColor to solid black */
		}
		.sf-mob-btn:focus-visible {
			outline:       2px solid #FFC700 !important;
			border-radius: 6px !important;
		}

		/* ── 4. Full-screen panel ────────────────────────────────────── */
		.sf-mob-panel {
			position:   fixed !important;
			top: 0 !important; left: 0 !important;
			right: 0 !important; bottom: 0 !important;
			background: #f5f5f7 !important;
			z-index:    99997 !important;
			overflow-y: auto !important;
			-webkit-overflow-scrolling: touch !important;
			opacity:    0 !important;
			visibility: hidden !important;
			transform:  translateY(-6px) !important;
			transition:
				opacity    0.3s cubic-bezier(0.4, 0, 0.2, 1),
				transform  0.3s cubic-bezier(0.4, 0, 0.2, 1),
				visibility 0s   linear 0.3s !important;
		}
		.sf-mob-panel.sf-mob-open {
			opacity:    1 !important;
			visibility: visible !important;
			transform:  translateY(0) !important;
			transition:
				opacity    0.3s cubic-bezier(0.4, 0, 0.2, 1),
				transform  0.3s cubic-bezier(0.4, 0, 0.2, 1),
				visibility 0s   linear 0s !important;
		}

		/* ── 5. × close button — top-right, matches Apple position ─────── */
		.sf-mob-close {
			position:        absolute !important;
			top:             12px !important;
			right:           12px !important;
			width:           44px !important;
			height:          44px !important;
			display:         flex !important;
			align-items:     center !important;
			justify-content: center !important;
			background:      none !important;
			border:          none !important;
			cursor:          pointer !important;
			z-index:         1 !important;
			-webkit-tap-highlight-color: transparent !important;
			outline:         none !important;
		}
		.sf-mob-close:focus-visible {
			outline:       2px solid #FFC700 !important;
			border-radius: 6px !important;
		}

		/* ── 6. Panel inner padding (Apple: 28px sides) ──────────────── */
		.sf-mob-panel-inner {
			padding: 80px 28px 60px !important;
		}

		/* ── 7. Nav list ─────────────────────────────────────────────── */
		.sf-mob-nav-list {
			list-style: none !important;
			margin:  0 !important;
			padding: 0 !important;
		}
		.sf-mob-nav-item {
			border-bottom: 1px solid rgba(0,0,0,0.08) !important;
		}
		.sf-mob-nav-item:first-child {
			border-top: 1px solid rgba(0,0,0,0.08) !important;
		}
		.sf-mob-nav-link {
			display:         block !important;
			padding:         17px 0 !important;
			font-family:     'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
			font-size:       24px !important;
			font-weight:     600 !important;
			letter-spacing:  -0.02em !important;
			line-height:     1.2 !important;
			color:           #1d1d1f !important;
			text-decoration: none !important;
			-webkit-tap-highlight-color: transparent !important;
			transition:      opacity 0.12s ease !important;
		}
		.sf-mob-nav-link:active { opacity: 0.38 !important; }
		.sf-mob-nav-link .sf-eco-green { color: #FFC700 !important; }

		/* ── 8. Body scroll-lock (iOS Safari safe) ───────────────────── */
		body.sf-mob-scroll-lock {
			overflow: hidden !important;
			position: fixed !important;
			width:    100% !important;
		}
	}

	/* ── Desktop (≥ 1025px): restore Elementor widget, hide mobile UI ── */
	@media (min-width: 1025px) {
		.elementor-24227 .elementor-element-872b5c7 { display: block !important; }
		.sf-mob-actions { display: none !important; }
		.sf-mob-panel   { display: none !important; }
	}