/**
 * Air Wing — Container / Surface Material Presets
 *
 * Loaded late so forms, cards, contact panels, and media frames honor the
 * site-wide container preset (glass / solid / flat / elevated).
 */

/* ==========================================================================
   Shared target lists
   ========================================================================== */

/* Elevated panels: forms, cards, tabs, FAQ, trust strips, CTA cards */
/* stylelint-disable selector-max-id */
body[class*="container-style"] .awb-card,
body[class*="container-style"] .awb-services-cards__card,
body[class*="container-style"] .awb-reviews-grid__card,
body[class*="container-style"] .awb-reviews-grid__summary-card,
body[class*="container-style"] .awb-faq-accordion__item,
body[class*="container-style"] .awb-hero-lead-capture__form-card,
body[class*="container-style"] .awb-hero-centered-spotlight__trust-strip,
body[class*="container-style"] .awb-services-tabs__panel,
body[class*="container-style"] .awb-why-us-split__stat-card,
body[class*="container-style"] .awb-why-us-matrix__card,
body[class*="container-style"] .awb-about-overview__card,
body[class*="container-style"] .awb-contact-split-map .awb-card,
body[class*="container-style"] .awb-cta-banner--layout-card .awb-cta-banner__container,
.editor-styles-wrapper[class*="container-style"] .awb-card,
.editor-styles-wrapper[class*="container-style"] .awb-services-cards__card,
.editor-styles-wrapper[class*="container-style"] .awb-reviews-grid__card,
.editor-styles-wrapper[class*="container-style"] .awb-reviews-grid__summary-card,
.editor-styles-wrapper[class*="container-style"] .awb-faq-accordion__item,
.editor-styles-wrapper[class*="container-style"] .awb-hero-lead-capture__form-card,
.editor-styles-wrapper[class*="container-style"] .awb-hero-centered-spotlight__trust-strip,
.editor-styles-wrapper[class*="container-style"] .awb-services-tabs__panel,
.editor-styles-wrapper[class*="container-style"] .awb-why-us-split__stat-card,
.editor-styles-wrapper[class*="container-style"] .awb-why-us-matrix__card,
.editor-styles-wrapper[class*="container-style"] .awb-about-overview__card,
.editor-styles-wrapper[class*="container-style"] .awb-contact-split-map .awb-card,
.editor-styles-wrapper[class*="container-style"] .awb-cta-banner--layout-card .awb-cta-banner__container {
	background-color: var(--awb-surface-bg) !important;
	background-image: none !important;
	border: 1px solid var(--awb-surface-border) !important;
	box-shadow: var(--awb-surface-shadow) !important;
	backdrop-filter: var(--awb-surface-backdrop) !important;
	-webkit-backdrop-filter: var(--awb-surface-backdrop) !important;
}

/* Media / image frames: border + shadow only (preserve image visibility) */
body[class*="container-style"] .awb-hero-lead-capture__image-container,
body[class*="container-style"] .awb-about-overview__map-container,
body[class*="container-style"] .awb-content-split-media__media-card,
body[class*="container-style"] .awb-contact-split-map__map-frame,
.editor-styles-wrapper[class*="container-style"] .awb-hero-lead-capture__image-container,
.editor-styles-wrapper[class*="container-style"] .awb-about-overview__map-container,
.editor-styles-wrapper[class*="container-style"] .awb-content-split-media__media-card,
.editor-styles-wrapper[class*="container-style"] .awb-contact-split-map__map-frame {
	border: 1px solid var(--awb-surface-border) !important;
	box-shadow: var(--awb-surface-shadow) !important;
	backdrop-filter: var(--awb-surface-backdrop) !important;
	-webkit-backdrop-filter: var(--awb-surface-backdrop) !important;
}

/* ==========================================================================
   Glass — frosted translucent surfaces
   ========================================================================== */

body.awb-container-style-glass,
body.wpalg-container-style-glass,
.editor-styles-wrapper.awb-container-style-glass,
.editor-styles-wrapper.wpalg-container-style-glass {
	--awb-surface-backdrop: blur(12px);
	--awb-surface-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

body.awb-container-style-glass .is-scheme-dark,
body.awb-container-style-glass [data-scheme="dark"],
body.wpalg-container-style-glass .is-scheme-dark,
body.wpalg-container-style-glass [data-scheme="dark"],
.editor-styles-wrapper.awb-container-style-glass .is-scheme-dark,
.editor-styles-wrapper.wpalg-container-style-glass .is-scheme-dark,
.editor-styles-wrapper.awb-container-style-glass [data-scheme="dark"],
.editor-styles-wrapper.wpalg-container-style-glass [data-scheme="dark"] {
	--awb-surface-bg: color-mix(in srgb, var(--theme-palette-color-7) 10%, transparent);
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-7) 16%, transparent);
}

body.awb-container-style-glass .is-scheme-light,
body.awb-container-style-glass .is-scheme-warm,
body.awb-container-style-glass [data-scheme="light"],
body.awb-container-style-glass [data-scheme="warm"],
body.wpalg-container-style-glass .is-scheme-light,
body.wpalg-container-style-glass [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-glass .is-scheme-light,
.editor-styles-wrapper.awb-container-style-glass .is-scheme-warm,
.editor-styles-wrapper.wpalg-container-style-glass .is-scheme-light,
.editor-styles-wrapper.awb-container-style-glass [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-glass [data-scheme="warm"],
.editor-styles-wrapper.wpalg-container-style-glass [data-scheme="light"] {
	--awb-surface-bg: color-mix(in srgb, var(--theme-palette-color-7) 90%, transparent);
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-5) 85%, transparent);
}

body.awb-container-style-glass .is-scheme-accent,
body.awb-container-style-glass [data-scheme="accent"],
body.wpalg-container-style-glass .is-scheme-accent,
body.wpalg-container-style-glass [data-scheme="accent"],
.editor-styles-wrapper.awb-container-style-glass .is-scheme-accent,
.editor-styles-wrapper.wpalg-container-style-glass .is-scheme-accent,
.editor-styles-wrapper.awb-container-style-glass [data-scheme="accent"],
.editor-styles-wrapper.wpalg-container-style-glass [data-scheme="accent"] {
	--awb-surface-bg: color-mix(in srgb, var(--theme-palette-color-7) 16%, transparent);
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-7) 30%, transparent);
}

/* ==========================================================================
   Solid — opaque surfaces, no blur, no drop shadow
   ========================================================================== */

body.awb-container-style-solid,
body.wpalg-container-style-solid,
.editor-styles-wrapper.awb-container-style-solid,
.editor-styles-wrapper.wpalg-container-style-solid {
	--awb-surface-backdrop: none;
	--awb-surface-shadow: none;
}

body.awb-container-style-solid .is-scheme-dark,
body.awb-container-style-solid [data-scheme="dark"],
body.wpalg-container-style-solid .is-scheme-dark,
body.wpalg-container-style-solid [data-scheme="dark"],
.editor-styles-wrapper.awb-container-style-solid .is-scheme-dark,
.editor-styles-wrapper.wpalg-container-style-solid .is-scheme-dark,
.editor-styles-wrapper.awb-container-style-solid [data-scheme="dark"],
.editor-styles-wrapper.wpalg-container-style-solid [data-scheme="dark"] {
	--awb-surface-bg: var(--wpalg-dark-surface-elevated, color-mix(in srgb, var(--theme-palette-color-4) 90%, white));
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-7) 14%, transparent);
}

body.awb-container-style-solid .is-scheme-light,
body.awb-container-style-solid .is-scheme-warm,
body.awb-container-style-solid [data-scheme="light"],
body.awb-container-style-solid [data-scheme="warm"],
body.wpalg-container-style-solid .is-scheme-light,
body.wpalg-container-style-solid [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-solid .is-scheme-light,
.editor-styles-wrapper.awb-container-style-solid .is-scheme-warm,
.editor-styles-wrapper.wpalg-container-style-solid .is-scheme-light,
.editor-styles-wrapper.awb-container-style-solid [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-solid [data-scheme="warm"],
.editor-styles-wrapper.wpalg-container-style-solid [data-scheme="light"] {
	--awb-surface-bg: var(--theme-palette-color-7);
	--awb-surface-border: var(--theme-palette-color-5);
}

body.awb-container-style-solid .is-scheme-accent,
body.awb-container-style-solid [data-scheme="accent"],
body.wpalg-container-style-solid .is-scheme-accent,
body.wpalg-container-style-solid [data-scheme="accent"],
.editor-styles-wrapper.awb-container-style-solid .is-scheme-accent,
.editor-styles-wrapper.wpalg-container-style-solid .is-scheme-accent,
.editor-styles-wrapper.awb-container-style-solid [data-scheme="accent"],
.editor-styles-wrapper.wpalg-container-style-solid [data-scheme="accent"] {
	--awb-surface-bg: var(--theme-palette-color-7);
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-5) 80%, var(--theme-palette-color-1));
}

/* ==========================================================================
   Elevated — opaque surfaces + pronounced drop shadow (no blur)
   ========================================================================== */

body.awb-container-style-elevated,
body.wpalg-container-style-elevated,
.editor-styles-wrapper.awb-container-style-elevated,
.editor-styles-wrapper.wpalg-container-style-elevated {
	--awb-surface-backdrop: none;
	--awb-surface-shadow: 0 22px 50px -14px rgba(0, 0, 0, 0.38);
}

body.awb-container-style-elevated .is-scheme-light,
body.awb-container-style-elevated .is-scheme-warm,
body.awb-container-style-elevated [data-scheme="light"],
body.awb-container-style-elevated [data-scheme="warm"],
body.wpalg-container-style-elevated .is-scheme-light,
body.wpalg-container-style-elevated [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-elevated .is-scheme-light,
.editor-styles-wrapper.awb-container-style-elevated .is-scheme-warm,
.editor-styles-wrapper.wpalg-container-style-elevated .is-scheme-light,
.editor-styles-wrapper.awb-container-style-elevated [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-elevated [data-scheme="warm"],
.editor-styles-wrapper.wpalg-container-style-elevated [data-scheme="light"] {
	--awb-surface-bg: var(--theme-palette-color-7);
	--awb-surface-border: var(--theme-palette-color-5);
	--awb-surface-shadow: 0 16px 36px -10px rgba(15, 23, 42, 0.14);
}

body.awb-container-style-elevated .is-scheme-dark,
body.awb-container-style-elevated [data-scheme="dark"],
body.wpalg-container-style-elevated .is-scheme-dark,
body.wpalg-container-style-elevated [data-scheme="dark"],
.editor-styles-wrapper.awb-container-style-elevated .is-scheme-dark,
.editor-styles-wrapper.wpalg-container-style-elevated .is-scheme-dark,
.editor-styles-wrapper.awb-container-style-elevated [data-scheme="dark"],
.editor-styles-wrapper.wpalg-container-style-elevated [data-scheme="dark"] {
	--awb-surface-bg: var(--wpalg-dark-surface-elevated, color-mix(in srgb, var(--theme-palette-color-4) 90%, white));
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-7) 12%, transparent);
}

body.awb-container-style-elevated .is-scheme-accent,
body.awb-container-style-elevated [data-scheme="accent"],
body.wpalg-container-style-elevated .is-scheme-accent,
body.wpalg-container-style-elevated [data-scheme="accent"],
.editor-styles-wrapper.awb-container-style-elevated .is-scheme-accent,
.editor-styles-wrapper.wpalg-container-style-elevated .is-scheme-accent,
.editor-styles-wrapper.awb-container-style-elevated [data-scheme="accent"],
.editor-styles-wrapper.wpalg-container-style-elevated [data-scheme="accent"] {
	--awb-surface-bg: var(--theme-palette-color-7);
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-5) 80%, var(--theme-palette-color-1));
	--awb-surface-shadow: 0 24px 56px -14px rgba(0, 0, 0, 0.42);
}

/* ==========================================================================
   Flat — transparent / border-only containers
   ========================================================================== */

body.awb-container-style-flat,
body.wpalg-container-style-flat,
.editor-styles-wrapper.awb-container-style-flat,
.editor-styles-wrapper.wpalg-container-style-flat {
	--awb-surface-backdrop: none;
	--awb-surface-shadow: none;
}

body.awb-container-style-flat .is-scheme-dark,
body.awb-container-style-flat [data-scheme="dark"],
body.wpalg-container-style-flat .is-scheme-dark,
body.wpalg-container-style-flat [data-scheme="dark"],
.editor-styles-wrapper.awb-container-style-flat .is-scheme-dark,
.editor-styles-wrapper.wpalg-container-style-flat .is-scheme-dark,
.editor-styles-wrapper.awb-container-style-flat [data-scheme="dark"],
.editor-styles-wrapper.wpalg-container-style-flat [data-scheme="dark"] {
	--awb-surface-bg: transparent;
	--awb-surface-border: var(--line);
}

body.awb-container-style-flat .is-scheme-light,
body.awb-container-style-flat .is-scheme-warm,
body.awb-container-style-flat [data-scheme="light"],
body.awb-container-style-flat [data-scheme="warm"],
body.wpalg-container-style-flat .is-scheme-light,
body.wpalg-container-style-flat [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-flat .is-scheme-light,
.editor-styles-wrapper.awb-container-style-flat .is-scheme-warm,
.editor-styles-wrapper.wpalg-container-style-flat .is-scheme-light,
.editor-styles-wrapper.awb-container-style-flat [data-scheme="light"],
.editor-styles-wrapper.awb-container-style-flat [data-scheme="warm"],
.editor-styles-wrapper.wpalg-container-style-flat [data-scheme="light"] {
	--awb-surface-bg: transparent;
	--awb-surface-border: var(--theme-palette-color-5);
}

body.awb-container-style-flat .is-scheme-accent,
body.awb-container-style-flat [data-scheme="accent"],
body.wpalg-container-style-flat .is-scheme-accent,
body.wpalg-container-style-flat [data-scheme="accent"],
.editor-styles-wrapper.awb-container-style-flat .is-scheme-accent,
.editor-styles-wrapper.wpalg-container-style-flat .is-scheme-accent,
.editor-styles-wrapper.awb-container-style-flat [data-scheme="accent"],
.editor-styles-wrapper.wpalg-container-style-flat [data-scheme="accent"] {
	--awb-surface-bg: transparent;
	--awb-surface-border: color-mix(in srgb, var(--theme-palette-color-7) 38%, transparent);
}