/**
 * Sateri Digital — iOS Liquid Glass UI
 * Frosted blur, saturation boost, luminous borders, depth highlights.
 */

.sateri-header {
	background: rgba(13, 15, 71, 0.97);
	backdrop-filter: blur(20px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(20px) saturate(var(--sateri-ios-saturate));
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.sateri-header.is-scrolled {
	background: rgba(13, 15, 71, 0.99);
	border-bottom-color: rgba(41, 164, 213, 0.15);
	box-shadow: 0 6px 32px rgba(0, 0, 0, 0.22);
}

@media (max-width: 960px) {
	.sateri-header,
	.sateri-header.is-scrolled,
	.sateri-header.is-nav-open {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}

.sateri-header .sateri-header__logo,
.sateri-header .sateri-header__logo--svg {
	filter: brightness(0) invert(1);
}

/* Nav links — active state is text-only, no pill patch */
.sateri-header-wrap .sateri-nav__list .menu-item a,
.sateri-header-wrap .sateri-nav__link {
	color: rgba(255, 255, 255, 0.85);
	background: transparent;
	border: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.sateri-header-wrap .sateri-nav__link:hover,
.sateri-header-wrap .sateri-nav__list .menu-item a:hover {
	color: #ffffff;
	background: transparent;
	border: none;
	box-shadow: none;
}

.sateri-header-wrap .sateri-nav__link.is-active,
.sateri-header-wrap .sateri-nav__list .current-menu-item > a,
.sateri-header-wrap .sateri-nav__list .current_page_item > a,
.sateri-header-wrap .sateri-nav__list .current-menu-ancestor > a {
	color: var(--sateri-cyan-hover);
	font-weight: 600;
	background: transparent;
	border: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

@media (max-width: 960px) {
	.sateri-header-wrap .sateri-nav__list .menu-item a,
	.sateri-header-wrap .sateri-nav__link {
		color: #0F0B45;
		background: transparent;
	}

	.sateri-header-wrap .sateri-nav__link:hover,
	.sateri-header-wrap .sateri-nav__list .menu-item a:hover {
		color: #0F0B45;
		background: #f4f5fa;
	}

	.sateri-header-wrap .sateri-nav__link.is-active,
	.sateri-header-wrap .sateri-nav__list .current-menu-item > a,
	.sateri-header-wrap .sateri-nav__list .current_page_item > a,
	.sateri-header-wrap .sateri-nav__list .current-menu-ancestor > a {
		color: var(--sateri-cyan);
		background: rgba(41, 164, 213, 0.08);
	}
}

.sateri-hero__badge {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight), 0 4px 20px rgba(0, 0, 0, 0.15);
}

.sateri-hero__stats {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--sateri-radius-lg);
	padding: 1.25rem 1.5rem;
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.sateri-hero__photo-wrap {
	box-shadow:
		var(--sateri-glass-highlight),
		0 24px 60px rgba(15, 11, 69, 0.4),
		0 0 0 1px rgba(255, 255, 255, 0.12);
}

.sateri-hero__metrics-bar {
	background: rgba(15, 11, 69, 0.45);
	backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.sateri-hero__chip {
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.95);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: 0 8px 28px rgba(15, 11, 69, 0.12);
}

.sateri-hero__chip:hover {
	background: #ffffff;
	box-shadow: 0 12px 36px rgba(15, 11, 69, 0.16);
}

.sateri-hero__chip-icon {
	box-shadow: var(--sateri-glass-highlight), 0 4px 16px rgba(41, 164, 213, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.sateri-stat-card {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-timeline--horizontal .sateri-timeline__item {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	border-radius: var(--sateri-radius-md);
	padding: 1.25rem 1.5rem;
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-service-card__icon {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sateri-industry-card {
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: var(--sateri-glass-highlight), 0 12px 40px rgba(0, 0, 0, 0.2);
}

.sateri-industry-card__content {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: var(--sateri-radius-md);
	padding: 0.85rem 1rem;
	backdrop-filter: blur(16px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(16px) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight);
}

.sateri-portfolio-card {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-feature {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight), var(--sateri-glass-shadow);
}

.sateri-feature__icon {
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-shadow: var(--sateri-glass-highlight), 0 4px 16px rgba(41, 164, 213, 0.3);
}

.sateri-globe__photo-wrap {
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: var(--sateri-glass-highlight), 0 20px 50px rgba(0, 0, 0, 0.35);
}

.sateri-testimonial {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-logos span {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-contact__form {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-contact__detail {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-contact__map {
	border: 1px solid var(--sateri-glass-light-border);
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-contact__map-label {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-value-card__icon {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sateri-team-card {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-about__badge {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

/* Form fields — styled in forms.css (avoid glass kit bleed) */

.sateri-footer__social a {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight);
}

.sateri-footer__badges span {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-highlight);
}

.sateri-redesign-inner .elementor-widget-icon-box .elementor-icon-box-wrapper,
.sateri-redesign-inner .elementor-widget-image-box .elementor-image-box-wrapper,
.sateri-redesign-inner .elementor-widget-call-to-action .elementor-cta {
	background: var(--sateri-glass-light-bg);
	border: 1px solid var(--sateri-glass-light-border);
	border-radius: var(--sateri-radius-lg);
	backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	-webkit-backdrop-filter: blur(var(--sateri-ios-blur-sm)) saturate(var(--sateri-ios-saturate));
	box-shadow: var(--sateri-glass-light-shadow);
}

.sateri-redesign-inner .elementor-button {
	background: linear-gradient(135deg, rgba(41, 164, 213, 0.92) 0%, rgba(60, 75, 223, 0.92) 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: var(--sateri-glass-highlight), 0 8px 24px rgba(41, 164, 213, 0.3) !important;
	backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate)) !important;
	-webkit-backdrop-filter: blur(12px) saturate(var(--sateri-ios-saturate)) !important;
}

.sateri-redesign-inner .elementor-section.elementor-section-height-full .elementor-icon-box-wrapper,
.sateri-redesign-inner .elementor-section.elementor-section-height-full .elementor-image-box-wrapper {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: var(--sateri-glass-highlight), var(--sateri-glass-shadow);
}