/**
 * Smart AZZ – front-end and editor styles.
 * Colours, type and spacing live in theme.json; this file only adds the
 * pieces theme.json cannot express (block styles, motion, sticky header).
 */

/* ---------- Base ---------- */
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--wp--custom--header-height) + 1rem); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(p, li) { text-wrap: pretty; }
:where(h1, h2, h3) { text-wrap: balance; }
img { height: auto; }
::selection { background: var(--wp--preset--color--volt); color: #fff; }

.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	z-index: 100000;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--volt);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Links and muted text on dark sections */
:is(.has-ink-background-color, .has-graphite-background-color, .has-panel-background-color, .has-night-glow-gradient-background, .is-style-sa-circuit)
	a:where(:not(.wp-element-button):not(.wp-block-navigation-item__content)) {
	color: var(--wp--preset--color--sky);
}

.sa-lede { font-size: var(--wp--preset--font-size--medium); line-height: 1.55; max-width: 38em; }

/* ---------- Header ---------- */
.wp-site-blocks > header.wp-block-template-part,
.wp-site-blocks > .wp-block-template-part:has(> .sa-header) {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; } }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }
.sa-header {
	position: relative;
	isolation: isolate;
	border-bottom: 1px solid rgba(143, 187, 255, 0.12);
	min-height: var(--wp--custom--header-height);
}
/* Blur lives on a pseudo-element: backdrop-filter on the header itself would trap the
   full-screen mobile menu (position: fixed) inside the header bar. */
.sa-header::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: rgba(21, 24, 29, 0.97);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	backdrop-filter: saturate(160%) blur(14px);
}

.sa-header .wp-block-site-logo img { border-radius: 10px; }
.sa-header .wp-block-site-title { line-height: 1; }
.sa-brand-sub { opacity: .7; letter-spacing: .01em; }

.sa-header .wp-block-navigation .wp-block-navigation-item__content { padding: .5rem .25rem; position: relative; }
.sa-header .wp-block-navigation .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: .25rem; right: .25rem; bottom: .2rem; height: 2px;
	background: var(--wp--preset--color--volt); transform: scaleX(0); transform-origin: left;
	transition: transform .25s ease;
}
.sa-header .wp-block-navigation .wp-block-navigation-item__content:hover::after,
.sa-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.sa-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--graphite) !important;
	border: 1px solid rgba(143, 187, 255, .18) !important;
	border-radius: var(--wp--custom--radius--medium);
	padding: .5rem !important;
	box-shadow: var(--wp--preset--shadow--lift);
}
.sa-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .55rem .75rem !important; border-radius: 8px; }
.sa-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
.sa-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: var(--wp--preset--color--panel); }

/* Mobile overlay */
.sa-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--ink) !important;
	color: var(--wp--preset--color--white) !important;
	padding: 1.5rem clamp(1rem, 6vw, 2.5rem);
}
.sa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.375rem; padding: .35rem 0; }
.sa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding: 0 0 0 1rem !important; background: transparent !important; }
.sa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1.0625rem; }

@media (max-width: 899px) {
	.sa-header .sa-header-phone { display: none !important; }
}
@media (max-width: 599px) {
	.sa-header .sa-header-quote { display: none !important; }
	.sa-brand-sub { display: none; }
}

/* ---------- Buttons ---------- */
.wp-element-button, .wp-block-button__link { transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.wp-block-button__link:hover { transform: translateY(-1px); }
.wp-block-button__link:active { transform: translateY(0); }

.wp-block-button.is-style-sa-outline-light .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--white);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55);
}
.wp-block-button.is-style-sa-outline-light .wp-block-button__link:hover {
	background: rgba(255, 255, 255, .08);
	box-shadow: inset 0 0 0 1.5px #fff;
}
.wp-block-button.is-style-sa-outline-dark .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--ink);
	box-shadow: inset 0 0 0 1.5px var(--wp--preset--color--ink);
}
.wp-block-button.is-style-sa-outline-dark .wp-block-button__link:hover { background: var(--wp--preset--color--ink); color: #fff; }

.wp-block-button.is-style-sa-call .wp-block-button__link::before,
.sa-icon-phone .wp-block-button__link::before {
	content: ""; display: inline-block; width: 1.05em; height: 1.05em; margin-right: .5em; vertical-align: -0.16em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h3.5l2 5-2.8 1.7a11 11 0 0 0 5.6 5.6L16 12.5l5 2V18a2.5 2.5 0 0 1-2.5 2.5A16 16 0 0 1 3.5 5.5 2.5 2.5 0 0 1 6 3z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h3.5l2 5-2.8 1.7a11 11 0 0 0 5.6 5.6L16 12.5l5 2V18a2.5 2.5 0 0 1-2.5 2.5A16 16 0 0 1 3.5 5.5 2.5 2.5 0 0 1 6 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Hero ---------- */
.sa-hero { position: relative; overflow: hidden; isolation: isolate; }
.sa-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: url("../images/circuit-pattern.svg") repeat;
	-webkit-mask-image: radial-gradient(80% 70% at 75% 40%, #000 0%, transparent 75%);
	        mask-image: radial-gradient(80% 70% at 75% 40%, #000 0%, transparent 75%);
}
.sa-hero h1 { font-size: var(--wp--preset--font-size--display); letter-spacing: -0.035em; line-height: 1.02; }
.sa-hero .sa-hero-art img { width: 100%; max-width: 620px; margin-inline: auto; display: block; border-radius: 0; }
.sa-hero-facts { gap: .5rem 1.5rem !important; }
.sa-hero-facts p { display: flex; align-items: center; gap: .5rem; margin: 0; }
.sa-hero-facts p::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--wp--preset--color--solder); box-shadow: 0 0 0 4px rgba(255,181,71,.15); flex: none; }

/* The one orchestrated entrance: the hero copy settles, then the device assembles. */
@media (prefers-reduced-motion: no-preference) {
	.sa-hero .sa-hero-copy > * { animation: sa-rise .8s cubic-bezier(.2,.7,.2,1) both; }
	.sa-hero .sa-hero-copy > *:nth-child(2) { animation-delay: .08s; }
	.sa-hero .sa-hero-copy > *:nth-child(3) { animation-delay: .16s; }
	.sa-hero .sa-hero-copy > *:nth-child(4) { animation-delay: .24s; }
	.sa-hero .sa-hero-copy > *:nth-child(5) { animation-delay: .32s; }
	.sa-hero .sa-hero-art { animation: sa-assemble 1.2s cubic-bezier(.2,.7,.2,1) .15s both; }
}
@keyframes sa-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes sa-assemble { from { opacity: 0; transform: translateY(30px) scale(.97); } to { opacity: 1; transform: none; } }

/* ---------- Page intro band ---------- */
.sa-page-hero { position: relative; overflow: hidden; isolation: isolate; }
.sa-page-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: url("../images/circuit-pattern.svg") repeat;
	-webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 100%);
	        mask-image: linear-gradient(90deg, transparent 20%, #000 100%);
}
.sa-page-hero h1 { letter-spacing: -0.03em; }
.sa-page-hero .sa-page-hero-art img { border-radius: var(--wp--custom--radius--large); }

/* ---------- Circuit background style ---------- */
.is-style-sa-circuit {
	background-color: var(--wp--preset--color--ink);
	background-image: url("../images/circuit-pattern.svg");
	color: var(--wp--preset--color--white);
}

/* ---------- Service tiles ---------- */
.is-style-sa-tile {
	position: relative;
	background: linear-gradient(180deg, var(--wp--preset--color--graphite), var(--wp--preset--color--ink));
	color: var(--wp--preset--color--white);
	border: 1px solid rgba(143, 187, 255, .14);
	border-radius: var(--wp--custom--radius--large);
	overflow: hidden;
	transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s ease, box-shadow .35s ease;
}
.is-style-sa-tile .wp-block-image { margin: 0; }
.is-style-sa-tile .wp-block-image img { border-radius: 0; width: 100%; transition: transform .5s cubic-bezier(.2,.7,.2,1); }
.is-style-sa-tile :where(h2, h3) { color: var(--wp--preset--color--white); }
.is-style-sa-tile :where(h2, h3) a { color: inherit; text-decoration: none; }
.is-style-sa-tile :where(h2, h3) a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.is-style-sa-tile p { color: var(--wp--preset--color--steel); }
.is-style-sa-tile .sa-tile-more {
	color: var(--wp--preset--color--sky);
	font-family: var(--wp--preset--font-family--sora);
	font-weight: 600; font-size: .9375rem;
	display: inline-flex; align-items: center; gap: .4rem;
}
.is-style-sa-tile .sa-tile-more::after {
	content: ""; width: .9em; height: .9em; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	transition: transform .25s ease;
}
.is-style-sa-tile:hover, .is-style-sa-tile:focus-within {
	transform: translateY(-4px);
	border-color: rgba(143, 187, 255, .45);
	box-shadow: var(--wp--preset--shadow--glow);
}
.is-style-sa-tile:hover .wp-block-image img, .is-style-sa-tile:focus-within .wp-block-image img { transform: scale(1.05) rotate(-1deg); }
.is-style-sa-tile:hover .sa-tile-more::after { transform: translateX(4px); }
.is-style-sa-tile:focus-within { outline: 2px solid var(--wp--preset--color--volt); outline-offset: 3px; }
.is-style-sa-tile :where(h2, h3) a:focus-visible { outline: none; }

.sa-services-grid .wp-block-image img { aspect-ratio: 16 / 11; object-fit: contain; }

/* ---------- Light cards ---------- */
.is-style-sa-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--medium);
	transition: border-color .25s ease, box-shadow .25s ease;
}
.is-style-sa-card:hover { border-color: #C6D2E3; box-shadow: var(--wp--preset--shadow--soft); }
.is-style-sa-card :where(h3, h4) { margin-top: 0; }
.is-style-sa-card .wp-block-image img, .sa-icon img { border-radius: 0; }

.is-style-sa-glass {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(143, 187, 255, .16);
	border-radius: var(--wp--custom--radius--medium);
	color: var(--wp--preset--color--white);
}
.is-style-sa-glass p { color: var(--wp--preset--color--steel); }
.is-style-sa-glass :where(h3, h4) { color: #fff; }

.sa-icon img { width: 52px; height: 52px; }
.sa-icon { margin-bottom: .25rem !important; }

/* ---------- Steps ---------- */
.is-style-sa-steps { counter-reset: sa-step; position: relative; }
.is-style-sa-steps > .wp-block-column { counter-increment: sa-step; position: relative; }
.is-style-sa-steps > .wp-block-column::before {
	content: counter(sa-step);
	display: grid; place-items: center;
	width: 3.25rem; height: 3.25rem; border-radius: 50%;
	font-family: var(--wp--preset--font-family--sora); font-weight: 700; font-size: 1.25rem;
	color: #fff; background: var(--wp--preset--gradient--blue-beam);
	box-shadow: 0 0 0 6px rgba(47,123,255,.15);
	margin-bottom: 1.25rem; position: relative; z-index: 1;
}
@media (min-width: 782px) {
	.is-style-sa-steps > .wp-block-column:not(:last-child)::after {
		content: ""; position: absolute; top: 1.625rem; left: 4.25rem; right: -1rem; height: 2px;
		background: repeating-linear-gradient(90deg, rgba(47,123,255,.55) 0 6px, transparent 6px 12px);
		transform-origin: left; transition: transform 1s cubic-bezier(.2,.7,.2,1) .2s;
	}
	.is-style-sa-steps.sa-reveal.sa-armed:not(.is-visible) > .wp-block-column::after { transform: scaleX(0); }
}

/* ---------- Checklist ---------- */
.is-style-sa-checks { list-style: none; padding-left: 0; }
.is-style-sa-checks li { position: relative; padding-left: 2rem; margin-bottom: .6rem; }
.is-style-sa-checks li::before {
	content: ""; position: absolute; left: 0; top: .25em; width: 1.25rem; height: 1.25rem; border-radius: 50%;
	background: var(--wp--preset--color--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat;
}

/* ---------- Showcase ---------- */
.sa-showcase .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.sa-showcase-item { transition: transform .35s cubic-bezier(.2,.7,.2,1); }
.sa-showcase-item .wp-block-image { overflow: hidden; border-radius: var(--wp--custom--radius--medium); }
.sa-showcase-item .wp-block-image img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.sa-showcase-item:hover .wp-block-image img { transform: scale(1.04); }
@media (max-width: 781px) {
	.sa-showcase.is-layout-grid {
		display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory;
		gap: 1rem; padding-bottom: .75rem; margin-inline: calc(-1 * var(--wp--style--root--padding-left));
		padding-inline: var(--wp--style--root--padding-left);
		scrollbar-width: thin;
	}
	.sa-showcase.is-layout-grid > * { flex: 0 0 78%; scroll-snap-align: start; }
}

/* ---------- Testimonials ---------- */
.sa-review { position: relative; }
.sa-review .sa-stars { color: var(--wp--preset--color--solder); letter-spacing: .15em; font-size: 1.05rem; margin: 0; }
.sa-placeholder-note {
	border: 1.5px dashed var(--wp--preset--color--solder);
	border-radius: var(--wp--custom--radius--small);
	padding: .6rem .9rem;
	color: var(--wp--preset--color--ink);
	background: #FFF6E6;
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- FAQ (details) ---------- */
.is-style-sa-faq summary {
	cursor: pointer; list-style: none; position: relative; padding-right: 2.5rem;
	font-family: var(--wp--preset--font-family--sora); font-weight: 600; font-size: 1.0625rem; line-height: 1.4;
}
.is-style-sa-faq summary::-webkit-details-marker { display: none; }
.is-style-sa-faq summary::after {
	content: ""; position: absolute; right: .25rem; top: 50%; width: 1.5rem; height: 1.5rem; margin-top: -.75rem;
	border-radius: 50%; background: var(--wp--preset--color--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B63E8' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 60% no-repeat;
	transition: transform .25s ease, background-color .25s ease;
}
.is-style-sa-faq[open] summary::after { transform: rotate(45deg); background-color: #E3ECFC; }
.is-style-sa-faq > :not(summary) { margin-top: .75rem; color: var(--wp--preset--color--slate); }

/* ---------- CTA band ---------- */
.sa-cta { position: relative; overflow: hidden; isolation: isolate; }
.sa-cta::after {
	content: ""; position: absolute; right: -10%; top: -40%; width: 60%; aspect-ratio: 1; z-index: -1; pointer-events: none;
	background: radial-gradient(circle, rgba(255,255,255,.22), transparent 60%);
}

/* ---------- Contact ---------- */
.sa-contact-method { display: flex; gap: 1rem; align-items: flex-start; }
.sa-contact-method .wp-block-image { flex: none; margin: 0; }

/* ---------- Footer ---------- */
.sa-footer { position: relative; }
.sa-footer a:not(.wp-element-button) { color: var(--wp--preset--color--steel); text-decoration: none; }
.sa-footer a:not(.wp-element-button):hover { color: #fff; text-decoration: underline; }
.sa-footer .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--steel); }
.sa-footer .wp-block-navigation .wp-block-navigation-item__content:hover { color: #fff; }
.sa-footer h2 { font-size: 1rem; font-weight: 600; letter-spacing: 0; color: #fff; margin-bottom: 1rem; }

/* ---------- Mobile action bar ---------- */
.sa-mobile-bar { display: none !important; }
@media (max-width: 781px) {
	.sa-mobile-bar {
		display: flex !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
		gap: .5rem !important; padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom)) !important;
		background: rgba(21, 24, 29, .94);
		-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
		border-top: 1px solid rgba(143,187,255,.18);
		margin: 0 !important;
	}
	.sa-mobile-bar > * { flex: 1 1 0; margin: 0 !important; }
	.sa-mobile-bar .wp-block-button__link, .sa-mobile-bar .sa-whatsapp-button { width: 100%; padding: .75rem .5rem; font-size: .9375rem; text-align: center; justify-content: center; }
	body { padding-bottom: 76px; }
}

/* ---------- Scroll reveal (used sparingly) ----------
 * theme.js only "arms" elements that start below the fold, so nothing is ever
 * hidden if JavaScript is delayed, blocked or fails. */
@media (prefers-reduced-motion: no-preference) {
	.sa-reveal.sa-armed:not(.is-style-sa-steps) { opacity: 0; transform: translateY(24px); }
	.sa-reveal.sa-armed:not(.is-style-sa-steps), .sa-reveal.sa-armed.is-style-sa-steps > .wp-block-column { transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
	.sa-reveal.sa-armed.is-visible { opacity: 1; transform: none; }
	.sa-reveal.sa-armed.is-style-sa-steps:not(.is-visible) > .wp-block-column { opacity: 0; transform: translateY(20px); }
	.sa-reveal.sa-armed.is-style-sa-steps > .wp-block-column:nth-child(2) { transition-delay: .15s; }
	.sa-reveal.sa-armed.is-style-sa-steps > .wp-block-column:nth-child(3) { transition-delay: .3s; }
	.is-style-sa-float img { animation: sa-float 7s ease-in-out infinite; }
}
@keyframes sa-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Never hide content inside the editor */
.editor-styles-wrapper .sa-reveal, .editor-styles-wrapper .sa-reveal > * { opacity: 1 !important; transform: none !important; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ---------- Blog / standard content ---------- */
.sa-prose > * + h2 { margin-top: 2.5rem; }
.sa-prose > * + h3 { margin-top: 2rem; }
.wp-block-post-template .wp-block-post-title a { text-decoration: none; color: inherit; }
.wp-block-post-template .wp-block-post-title a:hover { color: var(--wp--preset--color--blue); }

.sa-plain-list { list-style: none; margin: 0; }
.sa-plain-list li { margin-bottom: .5rem; }
.sa-mobile-bar .wp-block-buttons { flex: 2 1 0 !important; flex-wrap: nowrap; }
.sa-mobile-bar .wp-block-button { flex: 1 1 0; width: auto !important; }

/* Services bento: 4 columns on desktop, 2 on tablet, 1 on phone */
.sa-services-grid.is-layout-grid { grid-template-columns: 1fr !important; }
@media (min-width: 640px) { .sa-services-grid.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sa-services-grid > .sa-tile-feature { grid-column: span 2; } }
@media (min-width: 1100px) { .sa-services-grid.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 640px) { .sa-services-grid > .sa-tile-feature .wp-block-image img { aspect-ratio: 16 / 7; } }

.is-style-sa-glass.sa-review strong { color: #fff; }

@media (max-width: 781px) {
	.wp-block-buttons.is-content-justification-right { justify-content: flex-start; }
}

.sa-header .wp-block-navigation__responsive-container.is-menu-open { --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
.sa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.sa-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; }