.satwa-navigation {
	width: 100%;
}

.satwa-navigation__list {
	display: flex;
	align-items: center;
	gap: var(--satwa-space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.satwa-navigation__list a {
	display: inline-flex;
	align-items: center;
	min-inline-size: 2.75rem;
	min-block-size: 2.75rem;
	padding-inline: var(--satwa-space-2);
	color: var(--satwa-heading);
	text-decoration: none;
}

.satwa-navigation__list a:hover {
	color: var(--satwa-primary-hover);
}

.satwa-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-inline-size: 2.75rem;
	min-block-size: 2.75rem;
	padding: var(--satwa-space-2) var(--satwa-space-4);
	border: 1px solid transparent;
	border-radius: var(--satwa-button-radius);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.satwa-button:focus-visible {
	outline: 2px solid var(--satwa-focus);
	outline-offset: 2px;
}

.satwa-button--primary {
	background: var(--satwa-primary);
	color: var(--satwa-body-bg);
}

.satwa-button--secondary {
	border-color: var(--satwa-border);
	background: transparent;
	color: var(--satwa-heading);
}

.satwa-button:hover {
	opacity: 0.9;
}

.satwa-section-header,
.satwa-hero__content,
.satwa-cta__content {
	width: 100%;
	max-width: var(--satwa-content);
}

.satwa-section-header__eyebrow,
.satwa-hero__eyebrow {
	margin: 0 0 var(--satwa-space-2);
	font-weight: 700;
	color: var(--satwa-text-muted);
}

.satwa-section-header__heading,
.satwa-hero__heading,
.satwa-cta__heading {
	margin: 0;
	color: var(--satwa-heading);
}

.satwa-section-header__description,
.satwa-hero__description,
.satwa-cta__description,
.satwa-service-card__description {
	margin: var(--satwa-space-3) 0 0;
	color: var(--satwa-text-muted);
}

.satwa-hero,
.satwa-cta {
	padding-block: var(--satwa-section-padding);
}

.satwa-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-element-gap);
	margin-top: var(--satwa-space-5);
}

.satwa-cta__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--satwa-element-gap);
	margin-block-start: var(--satwa-space-5);
}

.satwa-cta__actions .satwa-button {
	max-inline-size: 100%;
}

.satwa-article-card,
.satwa-service-card {
	padding: var(--satwa-card-padding);
	border: 1px solid var(--satwa-border);
	border-radius: var(--satwa-card-radius);
	background: var(--satwa-card-bg);
	box-shadow: var(--satwa-shadow-current);
}

.satwa-article-card__media {
	display: block;
	margin: calc(var(--satwa-card-padding) * -1) calc(var(--satwa-card-padding) * -1) var(--satwa-card-padding);
	overflow: hidden;
	border-radius: var(--satwa-radius-md) var(--satwa-radius-md) 0 0;
}

.satwa-article-card__media img {
	display: block;
	width: 100%;
	height: auto;
}

.satwa-article-card__meta {
	margin: 0 0 var(--satwa-space-2);
	font-size: 0.875rem;
	color: var(--satwa-text-muted);
}

.satwa-article-card__title,
.satwa-service-card__title {
	margin: 0;
	color: var(--satwa-heading);
}

.satwa-article-card__title a,
.satwa-service-card__title a,
.satwa-service-card__link {
	color: inherit;
	text-decoration: none;
}

.satwa-service-card__link {
	display: inline-block;
	max-inline-size: 100%;
	margin-block-start: var(--satwa-space-4);
	font-weight: 700;
	overflow-wrap: anywhere;
}

.satwa-service-card__title,
.satwa-service-card__description {
	overflow-wrap: anywhere;
}

@media (max-width: 48rem) {
	.satwa-navigation__list {
		flex-wrap: wrap;
		gap: var(--satwa-space-3);
	}
}


.satwa-header,
.satwa-footer {
	background: var(--satwa-header-bg);
	color: var(--satwa-body-bg);
}

.satwa-footer {
	background: var(--satwa-footer-bg);
}

.satwa-header__brand,
.satwa-header__logo,
.satwa-navigation {
	min-inline-size: 0;
}

.satwa-header__logo {
	display: block;
	max-inline-size: 100%;
}

.satwa-header__logo-image {
	max-inline-size: 100%;
}

.satwa-header .satwa-navigation__list a,
.satwa-header .satwa-header__brand-text,
.satwa-header .satwa-header__action,
.satwa-header .satwa-header__social-link,
.satwa-footer .satwa-footer__social-link,
.satwa-footer .satwa-footer__contact-link,
.satwa-footer .satwa-footer__copyright {
	color: var(--satwa-body-bg);
}

.satwa-header .satwa-navigation__list a:hover,
.satwa-header .satwa-header__brand-text:hover,
.satwa-header .satwa-header__action:hover,
.satwa-header .satwa-header__social-link:hover,
.satwa-footer .satwa-footer__social-link:hover,
.satwa-footer .satwa-footer__contact-link:hover {
	color: var(--satwa-body-bg);
	opacity: 0.85;
}


.satwa-header,
.satwa-footer {
	width: 100%;
}

.satwa-header__inner,
.satwa-footer__inner,
.satwa-section {
	width: min(100% - (2 * var(--satwa-space-5)), var(--satwa-container));
	margin-inline: auto;
}

.satwa-footer__inner {
	padding-block: var(--satwa-footer-padding);
}

.satwa-section {
	padding-block: var(--satwa-section-padding);
}

.satwa-section__items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--satwa-grid-gap);
}

.satwa-solution-card,
.satwa-industry-card,
.satwa-process-step,
.satwa-stat {
	padding: var(--satwa-card-padding);
	border: 1px solid var(--satwa-border);
	border-radius: var(--satwa-card-radius);
	background: var(--satwa-card-bg);
	box-shadow: var(--satwa-shadow-current);
}

.satwa-solution-card__title,
.satwa-industry-card__title,
.satwa-process-step__title,
.satwa-stat__label {
	margin: 0;
	color: var(--satwa-heading);
}

.satwa-solution-card__description,
.satwa-industry-card__description,
.satwa-process-step__description,
.satwa-stat__description {
	margin: var(--satwa-space-3) 0 0;
	color: var(--satwa-text-muted);
}

.satwa-solution-card__title a,
.satwa-industry-card__title a,
.satwa-solution-card__link,
.satwa-industry-card__link {
	color: inherit;
	text-decoration: none;
}

.satwa-solution-card__link,
.satwa-industry-card__link {
	display: inline-block;
	margin-top: var(--satwa-space-4);
	font-weight: 700;
}

.satwa-industry-card__media,
.satwa-hero__media {
	overflow: hidden;
	border-radius: var(--satwa-image-radius);
}

.satwa-industry-card__media img,
.satwa-hero__media img {
	display: block;
	width: 100%;
	height: auto;
}

.satwa-industry-card__content {
	margin-top: var(--satwa-space-4);
}

.satwa-process-step__number,
.satwa-stat__value {
	margin: 0 0 var(--satwa-space-2);
	font-weight: 700;
	color: var(--satwa-heading);
}

.satwa-faq {
	border-block-end: 1px solid var(--satwa-border);
}

.satwa-faq:first-child {
	border-block-start: 1px solid var(--satwa-border);
}

.satwa-faq__question {
	padding-block: var(--satwa-space-4);
	cursor: pointer;
	font-weight: 700;
	color: var(--satwa-heading);
}

.satwa-faq__answer {
	padding: 0 0 var(--satwa-space-4);
	color: var(--satwa-text-muted);
}

.satwa-breadcrumb {
	padding-block: var(--satwa-space-3);
}

.satwa-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.satwa-breadcrumb__item:not(:last-child)::after {
	content: "/";
	margin-inline-start: var(--satwa-space-2);
	color: var(--satwa-text-muted);
}

.satwa-breadcrumb__item {
	overflow-wrap: anywhere;
}

.satwa-breadcrumb__item a {
	color: inherit;
}

.satwa-form {
	max-width: var(--satwa-content);
}

.satwa-form__heading,
.satwa-form__description {
	margin-block: 0;
}

.satwa-form__description {
	margin-top: var(--satwa-space-3);
	color: var(--satwa-text-muted);
}

.satwa-form__fields {
	display: grid;
	gap: var(--satwa-space-4);
	margin-block: var(--satwa-space-5);
}

.satwa-form__field {
	margin: 0;
}

.satwa-form__field label {
	display: block;
	margin-bottom: var(--satwa-space-2);
	font-weight: 700;
	color: var(--satwa-heading);
}

.satwa-form__field input {
	box-sizing: border-box;
	width: 100%;
	min-block-size: 2.75rem;
	padding: var(--satwa-space-2) var(--satwa-space-3);
	border: 1px solid var(--satwa-border);
	border-radius: var(--satwa-input-radius);
	background: var(--satwa-card-bg);
	color: var(--satwa-text);
	font: inherit;
}

.satwa-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
	gap: var(--satwa-space-7);
	align-items: center;
}

.satwa-hero__content,
.satwa-hero__media {
	min-inline-size: 0;
}

@media (max-width: 48rem) {
	.satwa-section__items,
	.satwa-hero {
		grid-template-columns: 1fr;
	}

	.satwa-header__inner,
	.satwa-footer__inner,
	.satwa-section {
		width: min(100% - (2 * var(--satwa-space-4)), var(--satwa-container));
	}
}

.satwa-section--services,
.satwa-section--solutions,
.satwa-section--industries,
.satwa-section--steps,
.satwa-section--faqs,
.satwa-section--articles,
.satwa-section--page-children {
	width: min(100% - (2 * var(--satwa-space-5)), var(--satwa-container));
	margin-inline: auto;
	padding-block: var(--satwa-section-padding);
}

.satwa-section--services > .satwa-section-header,
.satwa-section--solutions > .satwa-section-header,
.satwa-section--industries > .satwa-section-header,
.satwa-section--steps > .satwa-section-header,
.satwa-section--faqs > .satwa-section-header,
.satwa-section--articles > .satwa-section-header,
.satwa-section--page-children > .satwa-section-header {
	margin-bottom: var(--satwa-space-5);
}

@media (max-width: 48rem) {
	.satwa-section--services,
	.satwa-section--solutions,
	.satwa-section--industries,
	.satwa-section--steps,
	.satwa-section--faqs,
	.satwa-section--articles,
	.satwa-section--page-children {
		width: min(100% - (2 * var(--satwa-space-4)), var(--satwa-container));
	}
}

/* STEP 7 template presentation foundation. */
.satwa-page {
	width: min(100% - (2 * var(--satwa-space-5)), var(--satwa-container));
	margin-inline: auto;
	padding-block: var(--satwa-section-padding);
}

.satwa-page__header,
.satwa-article__header {
	max-width: var(--satwa-content);
	margin-block-end: var(--satwa-space-6);
}

.satwa-page__title,
.satwa-article__title {
	margin: 0;
	color: var(--satwa-heading);
}

.satwa-page__description,
.satwa-article__meta,
.satwa-empty-state {
	margin-block-start: var(--satwa-space-3);
	color: var(--satwa-text-muted);
}

.satwa-content,
.satwa-article__featured-image,
.satwa-comments,
.satwa-post-navigation {
	max-width: var(--satwa-content);
}

.satwa-content :where(p, ul, ol, blockquote, table, pre) {
	margin-block: 0 var(--satwa-space-4);
}

.satwa-article__featured-image {
	margin-inline: 0;
	margin-block: 0 var(--satwa-space-6);
}

.satwa-article__featured-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--satwa-image-radius);
}

.satwa-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--satwa-grid-gap);
}

.satwa-pagination,
.satwa-post-navigation {
	margin-block-start: var(--satwa-space-7);
}

.satwa-pagination .nav-links,
.satwa-post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-space-3);
}

.satwa-pagination a,
.satwa-pagination span,
.satwa-post-navigation a {
	padding: var(--satwa-space-2) var(--satwa-space-3);
	border: 1px solid var(--satwa-border);
	border-radius: var(--satwa-radius-sm);
	color: var(--satwa-heading);
	text-decoration: none;
}

.satwa-pagination .current {
	background: var(--satwa-primary);
	color: var(--satwa-body-bg);
}

.satwa-error-page__content {
	padding-block: 0;
}

@media (max-width: 48rem) {
	.satwa-page {
		width: min(100% - (2 * var(--satwa-space-4)), var(--satwa-container));
	}

	.satwa-post-grid {
		grid-template-columns: 1fr;
	}
}

.satwa-footer__inner {
	padding-block: var(--satwa-space-6);
	display: flex;
	flex-direction: column;
	gap: var(--satwa-space-5);
}
.satwa-footer__brand {
	margin-inline-end: auto;
}

.satwa-footer__logo {
	display: block;
	block-size: var(--satwa-footer-logo-size, 2.25rem);
	inline-size: auto;
	max-inline-size: 100%;
}

.satwa-footer__columns {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-space-6);
}

.satwa-footer__column {
	flex: 1 1 auto;
	min-inline-size: 0;
}

.satwa-footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.satwa-footer__social-link,
.satwa-footer__contact-link,
.satwa-breadcrumb__item a {
	display: inline-flex;
	align-items: center;
	min-inline-size: 2.75rem;
	min-block-size: 2.75rem;
	padding-inline: var(--satwa-space-2);
	color: var(--satwa-text);
	text-decoration: none;
}

.satwa-footer__social-link:hover,
.satwa-footer__contact-link:hover {
	color: var(--satwa-primary-hover);
}

.satwa-footer__contact {
	display: flex;
	flex-wrap: wrap;
	gap: var(--satwa-element-gap);
}

.satwa-footer__copyright {
	color: var(--satwa-text);
	font-size: 0.875rem;
}

@media (max-width: 48rem) {
	.satwa-footer__columns {
		flex-direction: column;
	}
}

.satwa-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--satwa-space-4);
	padding-block: var(--satwa-header-padding);
}

.satwa-header__brand {
	display: flex;
	align-items: center;
}

.satwa-header__logo-image {
	display: block;
	block-size: var(--satwa-header-logo-size, 3rem);
	inline-size: auto;
}

.satwa-header__brand-text {
	font-weight: 700;
	color: var(--satwa-heading);
	text-decoration: none;
}

.satwa-navigation {
	flex: 1 1 auto;
}

.satwa-header__actions {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--satwa-space-4);
}

.satwa-header__action,
.satwa-header__social-link {
	display: inline-flex;
	align-items: center;
	min-inline-size: 2.75rem;
	min-block-size: 2.75rem;
	padding-inline: var(--satwa-space-2);
	color: var(--satwa-text);
	text-decoration: none;
}

.satwa-header__action:hover,
.satwa-header__social-link:hover {
	color: var(--satwa-primary-hover);
}

.satwa-header__social {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: var(--satwa-element-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.satwa-header__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 2.75rem;
	min-inline-size: 2.75rem;
	padding-inline: var(--satwa-space-3);
	border: 1px solid var(--satwa-body-bg);
	border-radius: var(--satwa-radius-sm);
	background: transparent;
	color: var(--satwa-body-bg);
	appearance: none;
	-webkit-appearance: none;
	font: inherit;
	cursor: pointer;
}

@media (max-width: 48rem) {

	.satwa-navigation {
		flex: 0 1 calc(100% - var(--satwa-space-4));
		min-inline-size: 0;
		max-inline-size: 100%;
	}

	.satwa-navigation:not([hidden]) {
		display: block;
	}

	.satwa-navigation__list {
		min-inline-size: 0;
		max-inline-size: 100%;
	}

	.satwa-header__action--desktop-only {
		display: none;
	}

	.satwa-header__actions {
		display: none;
		flex: 0 1 calc(100% - var(--satwa-space-4));
		min-inline-size: 0;
		max-inline-size: 100%;
	}

	.satwa-header__social {
		min-inline-size: 0;
		max-inline-size: 100%;
		flex-wrap: wrap;
	}

	.satwa-header__social-link {
		min-inline-size: 0;
		max-inline-size: 100%;
		overflow-wrap: anywhere;
	}

	.satwa-header__toggle[aria-expanded="true"] + .satwa-navigation + .satwa-header__actions {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (min-width: 48rem) {
	.satwa-header__inner {
		width: calc(100% - (2 * var(--satwa-space-5)));
		max-inline-size: none;
		flex-wrap: nowrap;
	}

	.satwa-navigation {
		width: auto;
		min-inline-size: 0;
		flex: 1 1 0;
	}

	.satwa-header__actions {
		flex: 0 0 auto;
		min-inline-size: 0;
	}

	.satwa-navigation[hidden] {
		display: block;
	}

	.satwa-header__action--mobile-only {
		display: none;
	}

	.satwa-header__toggle {
		display: none;
	}
}

/* Global Contact Actions — Phase 10.3 */
.satwa-contact-actions {
	position: fixed;
	inset-inline-end: var(--satwa-space-4);
	inset-block-end: calc(var(--satwa-space-4) + env(safe-area-inset-bottom, 0px));
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--satwa-contact-action-gap, 8px);
	max-inline-size: calc(100vw - (2 * var(--satwa-space-4)));
}

.satwa-contact-actions--position-left {
	inset-inline-start: var(--satwa-space-4);
	inset-inline-end: auto;
}

:dir(rtl) .satwa-contact-actions--position-right {
	inset-inline-start: var(--satwa-space-4);
	inset-inline-end: auto;
}

:dir(rtl) .satwa-contact-actions--position-left {
	inset-inline-end: var(--satwa-space-4);
	inset-inline-start: auto;
}

.satwa-contact-actions__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--satwa-space-2);
	inline-size: var(--satwa-contact-action-size, 56px);
	block-size: var(--satwa-contact-action-size, 56px);
	min-inline-size: 44px;
	min-block-size: 44px;
	padding-block: 0;
	padding-inline: var(--satwa-space-2);
	border: 1px solid transparent;
	border-radius: var(--satwa-contact-action-radius, 28px);
	box-shadow: var(--satwa-shadow-sm);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	overflow: visible;
}

.satwa-contact-actions__link--whatsapp {
	--satwa-contact-action-bg: var(--satwa-contact-whatsapp-bg);
	background: var(--satwa-contact-action-bg);
	color: var(--satwa-contact-whatsapp-fg);
}

.satwa-contact-actions__link--whatsapp:hover {
	--satwa-contact-action-bg: var(--satwa-contact-whatsapp-hover);
	background: var(--satwa-contact-action-bg);
	color: var(--satwa-contact-whatsapp-fg);
	text-decoration: none;
}

.satwa-contact-actions__link--call {
	--satwa-contact-action-bg: var(--satwa-contact-call-bg);
	background: var(--satwa-contact-action-bg);
	color: var(--satwa-contact-call-fg);
}

.satwa-contact-actions__link--call:hover {
	--satwa-contact-action-bg: var(--satwa-contact-call-hover);
	background: var(--satwa-contact-action-bg);
	color: var(--satwa-contact-call-fg);
	text-decoration: none;
}

.satwa-contact-actions__link:focus-visible {
	outline: 3px solid var(--satwa-focus);
	outline-offset: 3px;
}

.satwa-contact-actions__icon {
	inline-size: min(1.25rem, 45%);
	block-size: min(1.25rem, 45%);
	flex: 0 0 auto;
	fill: currentColor;
}

.satwa-contact-actions__label {
	display: none;
}

.satwa-contact-actions--shape-circle .satwa-contact-actions__link {
	border-radius: 50%;
}

.satwa-contact-actions--shape-square .satwa-contact-actions__link {
	border-radius: 0;
}

.satwa-contact-actions--shape-rectangle .satwa-contact-actions__link {
	inline-size: calc(var(--satwa-contact-action-size, 56px) * 1.55);
	border-radius: 0;
}

.satwa-contact-actions--shape-rounded .satwa-contact-actions__link {
	inline-size: calc(var(--satwa-contact-action-size, 56px) * 1.55);
	border-radius: var(--satwa-contact-action-radius, 28px);
}

.satwa-contact-actions--shape-triangle .satwa-contact-actions__link,
.satwa-contact-actions--shape-heart .satwa-contact-actions__link {
	background: transparent;
}

.satwa-contact-actions--shape-triangle .satwa-contact-actions__link::before,
.satwa-contact-actions--shape-heart .satwa-contact-actions__link::before {
	position: absolute;
	inset: 0;
	content: '';
	z-index: 0;
	background: var(--satwa-contact-action-bg);
}

.satwa-contact-actions--shape-triangle .satwa-contact-actions__link::before {
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.satwa-contact-actions--shape-heart .satwa-contact-actions__link::before {
	clip-path: polygon(50% 100%, 8% 58%, 4% 36%, 12% 17%, 29% 9%, 50% 25%, 71% 9%, 88% 17%, 96% 36%, 92% 58%);
}

.satwa-contact-actions--shape-triangle .satwa-contact-actions__icon,
.satwa-contact-actions--shape-triangle .satwa-contact-actions__label,
.satwa-contact-actions--shape-heart .satwa-contact-actions__icon,
.satwa-contact-actions--shape-heart .satwa-contact-actions__label {
	position: relative;
	z-index: 1;
}

@media (max-width: 48rem) {
	.satwa-contact-actions {
		inset-inline-end: var(--satwa-space-3);
		max-inline-size: calc(100vw - (2 * var(--satwa-space-3)));
	}

	.satwa-contact-actions--position-left {
		inset-inline-start: var(--satwa-space-3);
		inset-inline-end: auto;
	}

	:dir(rtl) .satwa-contact-actions--position-right {
		inset-inline-start: var(--satwa-space-3);
		inset-inline-end: auto;
	}

	:dir(rtl) .satwa-contact-actions--position-left {
		inset-inline-end: var(--satwa-space-3);
		inset-inline-start: auto;
	}
}

.satwa-section--editorial {
	width: min(100% - (2 * var(--satwa-space-5)), var(--satwa-container));
	margin-inline: auto;
}

.satwa-editorial-section__content {
	max-width: var(--satwa-content);
}

.satwa-editorial-section__content > :first-child {
	margin-block-start: 0;
}

.satwa-editorial-section__content > :last-child {
	margin-block-end: 0;
}

.satwa-editorial-section__content :where(img, video, iframe) {
	max-width: 100%;
	height: auto;
}

.satwa-editorial-section__content :where(.wp-block-columns, .wp-block-group, .wp-block-media-text) {
	max-width: 100%;
}

@media (max-width: 48rem) {
	.satwa-section--editorial {
		width: min(100% - (2 * var(--satwa-space-4)), var(--satwa-container));
	}
}