/**
 * Air Wing — Media Frame Geometry + Fill Presets
 *
 * Site-wide geometry (none / pad / offset) via body.awb-media-frame-style-*.
 * Decorative plate fill is selected per-block via .is-frame-fill-* /
 * .awb-hero-pillars__photo--*.
 */

/* ==========================================================================
   Shared targets & tokens
   ========================================================================== */

.awb-hero-pillars__photo,
.awb-content-split-media__media-card,
.awb-about-overview__map-container,
.awb-contact-split-map__map-frame,
.awb-hero-lead-capture__image-container {
	--awb-media-frame-radius: var(--awb-card-radius, 0);
	--awb-media-frame-pad: 12px;
	--awb-media-frame-offset: 14px;
	position: relative;
	border-radius: var(--awb-media-frame-radius);
}

.awb-media-frame__plate {
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	pointer-events: none;
	display: none;
}

.awb-media-frame__media,
.awb-hero-pillars__photo-media,
.awb-content-split-media__media-card > img,
.awb-content-split-media__image,
.awb-about-overview__map-iframe,
.awb-contact-split-map__map-iframe,
.awb-hero-lead-capture__image {
	position: relative;
	z-index: 1;
	border-radius: max(0px, calc(var(--awb-media-frame-radius) - 4px));
}

/* ==========================================================================
   Geometry: none (default)
   ========================================================================== */

body.awb-media-frame-style-none .awb-media-frame__plate,
body.wpalg-media-frame-style-none .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-none .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-none .awb-media-frame__plate {
	display: none !important;
}

body.awb-media-frame-style-none .awb-hero-pillars__photo-frame,
body.wpalg-media-frame-style-none .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.awb-media-frame-style-none .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.wpalg-media-frame-style-none .awb-hero-pillars__photo-frame {
	padding: 0;
	background: transparent;
	box-shadow: none;
}

body.awb-media-frame-style-none .awb-hero-pillars__photo-frame::before,
body.wpalg-media-frame-style-none .awb-hero-pillars__photo-frame::before,
.editor-styles-wrapper.awb-media-frame-style-none .awb-hero-pillars__photo-frame::before,
.editor-styles-wrapper.wpalg-media-frame-style-none .awb-hero-pillars__photo-frame::before {
	display: none;
}

body.awb-media-frame-style-none .awb-hero-pillars__photo-media,
body.wpalg-media-frame-style-none .awb-hero-pillars__photo-media,
.editor-styles-wrapper.awb-media-frame-style-none .awb-hero-pillars__photo-media,
.editor-styles-wrapper.wpalg-media-frame-style-none .awb-hero-pillars__photo-media {
	border-radius: var(--awb-media-frame-radius);
}

/* ==========================================================================
   Geometry: pad (equal mat)
   ========================================================================== */

body.awb-media-frame-style-pad .awb-media-frame__plate,
body.wpalg-media-frame-style-pad .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-media-frame__plate {
	display: block;
}

body.awb-media-frame-style-pad .awb-hero-pillars__photo,
body.awb-media-frame-style-pad .awb-content-split-media__media-card,
body.awb-media-frame-style-pad .awb-about-overview__map-container,
body.awb-media-frame-style-pad .awb-contact-split-map__map-frame,
body.awb-media-frame-style-pad .awb-hero-lead-capture__image-container,
body.wpalg-media-frame-style-pad .awb-hero-pillars__photo,
body.wpalg-media-frame-style-pad .awb-content-split-media__media-card,
body.wpalg-media-frame-style-pad .awb-about-overview__map-container,
body.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame,
body.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-pillars__photo,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-content-split-media__media-card,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-about-overview__map-container,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-contact-split-map__map-frame,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-lead-capture__image-container,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-pillars__photo,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-content-split-media__media-card,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-about-overview__map-container,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container {
	padding: var(--awb-media-frame-pad);
	overflow: visible;
	background: transparent;
	border-color: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.awb-media-frame-style-pad .awb-hero-pillars__photo-frame,
body.wpalg-media-frame-style-pad .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-pillars__photo-frame {
	padding: 0;
	border-radius: max(0px, calc(var(--awb-media-frame-radius) - 4px));
	overflow: hidden;
	box-shadow: none;
	background: transparent;
}

body.awb-media-frame-style-pad .awb-hero-pillars__photo,
body.wpalg-media-frame-style-pad .awb-hero-pillars__photo,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-pillars__photo,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-pillars__photo {
	box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.35), 0 6px 16px -2px rgba(0, 0, 0, 0.18);
}
body.awb-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__plate,
body.awb-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__plate,
body.awb-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__plate,
body.awb-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__plate,
body.wpalg-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__plate,
body.wpalg-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__plate,
body.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__plate,
body.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__plate {
	inset: 0;
}

body.awb-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__media,
body.awb-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__media,
body.awb-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__media,
body.awb-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__media,
body.wpalg-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__media,
body.wpalg-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__media,
body.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__media,
body.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-content-split-media__media-card .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-about-overview__map-container .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-contact-split-map__map-frame .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-pad .awb-hero-lead-capture__image-container .awb-media-frame__media {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: max(0px, calc(var(--awb-media-frame-radius) - 4px));
}

/* ==========================================================================
   Geometry: offset (plate shifted right + bottom)
   ========================================================================== */

body.awb-media-frame-style-offset .awb-media-frame__plate,
body.wpalg-media-frame-style-offset .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-media-frame__plate {
	display: block;
	inset: auto;
	top: var(--awb-media-frame-offset);
	left: var(--awb-media-frame-offset);
	right: calc(var(--awb-media-frame-offset) * -1);
	bottom: calc(var(--awb-media-frame-offset) * -1);
	z-index: 0;
}

body.awb-media-frame-style-offset .awb-hero-pillars__photo,
body.awb-media-frame-style-offset .awb-content-split-media__media-card,
body.awb-media-frame-style-offset .awb-about-overview__map-container,
body.awb-media-frame-style-offset .awb-contact-split-map__map-frame,
body.awb-media-frame-style-offset .awb-hero-lead-capture__image-container,
body.wpalg-media-frame-style-offset .awb-hero-pillars__photo,
body.wpalg-media-frame-style-offset .awb-content-split-media__media-card,
body.wpalg-media-frame-style-offset .awb-about-overview__map-container,
body.wpalg-media-frame-style-offset .awb-contact-split-map__map-frame,
body.wpalg-media-frame-style-offset .awb-hero-lead-capture__image-container,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-pillars__photo,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-content-split-media__media-card,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-about-overview__map-container,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-contact-split-map__map-frame,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-lead-capture__image-container,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-pillars__photo,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-content-split-media__media-card,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-about-overview__map-container,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-contact-split-map__map-frame,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-lead-capture__image-container {
	padding: 0;
	margin: 0 var(--awb-media-frame-offset) var(--awb-media-frame-offset) 0;
	overflow: visible;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.awb-media-frame-style-offset .awb-hero-pillars__photo-frame,
body.wpalg-media-frame-style-offset .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-pillars__photo-frame,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-pillars__photo-frame {
	padding: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

body.awb-media-frame-style-offset .awb-hero-pillars__photo-frame::before,
body.wpalg-media-frame-style-offset .awb-hero-pillars__photo-frame::before,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-pillars__photo-frame::before,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-pillars__photo-frame::before {
	display: none;
}

/* Hero-pillars offset plate uses shared .awb-media-frame__plate */
body.awb-media-frame-style-offset .awb-hero-pillars__photo .awb-media-frame__plate,
body.wpalg-media-frame-style-offset .awb-hero-pillars__photo .awb-media-frame__plate,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-pillars__photo .awb-media-frame__plate,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-pillars__photo .awb-media-frame__plate {
	display: block;
	border-radius: var(--awb-media-frame-radius);
}

body.awb-media-frame-style-offset .awb-hero-pillars__photo-media,
body.awb-media-frame-style-offset .awb-content-split-media__media-card .awb-media-frame__media,
body.awb-media-frame-style-offset .awb-about-overview__map-container .awb-media-frame__media,
body.awb-media-frame-style-offset .awb-contact-split-map__map-frame .awb-media-frame__media,
body.awb-media-frame-style-offset .awb-hero-lead-capture__image-container .awb-media-frame__media,
body.wpalg-media-frame-style-offset .awb-hero-pillars__photo-media,
body.wpalg-media-frame-style-offset .awb-content-split-media__media-card .awb-media-frame__media,
body.wpalg-media-frame-style-offset .awb-about-overview__map-container .awb-media-frame__media,
body.wpalg-media-frame-style-offset .awb-contact-split-map__map-frame .awb-media-frame__media,
body.wpalg-media-frame-style-offset .awb-hero-lead-capture__image-container .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-pillars__photo-media,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-content-split-media__media-card .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-about-overview__map-container .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-contact-split-map__map-frame .awb-media-frame__media,
.editor-styles-wrapper.awb-media-frame-style-offset .awb-hero-lead-capture__image-container .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-pillars__photo-media,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-content-split-media__media-card .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-about-overview__map-container .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-contact-split-map__map-frame .awb-media-frame__media,
.editor-styles-wrapper.wpalg-media-frame-style-offset .awb-hero-lead-capture__image-container .awb-media-frame__media {
	position: relative;
	z-index: 1;
	border-radius: var(--awb-media-frame-radius);
	overflow: hidden;
	box-shadow: 0 16px 36px -12px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   Shared fill recipes (plate + hero-pillars frame ::before / photo--*)
   ========================================================================== */

.is-frame-fill-landscaping .awb-media-frame__plate,
.awb-hero-pillars__photo--landscaping .awb-media-frame__plate,
.awb-hero-pillars__photo--landscaping .awb-hero-pillars__photo-frame::before {
	background:
		repeating-linear-gradient(
			115deg,
			color-mix(in srgb, var(--accent) 72%, #24461a) 0px,
			color-mix(in srgb, var(--accent) 72%, #24461a) 46px,
			color-mix(in srgb, var(--accent) 55%, #1a3314) 46px,
			color-mix(in srgb, var(--accent) 55%, #1a3314) 92px
		),
		linear-gradient(200deg, color-mix(in srgb, var(--accent-alt) 70%, var(--accent)), color-mix(in srgb, var(--accent) 40%, #1a3314));
	filter: saturate(0.95);
}

.is-frame-fill-glass .awb-media-frame__plate,
.awb-hero-pillars__photo--glass .awb-media-frame__plate,
.awb-hero-pillars__photo--glass .awb-hero-pillars__photo-frame {
	background: color-mix(in srgb, var(--surface) 35%, transparent);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid color-mix(in srgb, var(--text-light) 16%, transparent);
}

.is-scheme-light .is-frame-fill-glass .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--glass .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--glass .awb-hero-pillars__photo-frame {
	background: color-mix(in srgb, var(--surface) 78%, transparent);
	border-color: color-mix(in srgb, var(--surface-deep) 12%, transparent);
}

.is-frame-fill-solid .awb-media-frame__plate,
.awb-hero-pillars__photo--solid .awb-media-frame__plate,
.awb-hero-pillars__photo--solid .awb-hero-pillars__photo-frame {
	background: color-mix(in srgb, var(--accent) 35%, var(--surface-deep));
}

.is-scheme-light .is-frame-fill-solid .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--solid .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--solid .awb-hero-pillars__photo-frame {
	background: color-mix(in srgb, var(--accent) 18%, var(--surface));
}

.is-scheme-accent .is-frame-fill-solid .awb-media-frame__plate,
.is-scheme-accent .awb-hero-pillars__photo--solid .awb-media-frame__plate,
.is-scheme-accent .awb-hero-pillars__photo--solid .awb-hero-pillars__photo-frame {
	background: linear-gradient(160deg, var(--accent-alt), var(--accent));
}

.is-frame-fill-flat .awb-media-frame__plate,
.awb-hero-pillars__photo--flat .awb-media-frame__plate {
	background: transparent;
	border: 1px solid var(--line);
}

.is-frame-fill-elevated .awb-media-frame__plate,
.awb-hero-pillars__photo--elevated .awb-media-frame__plate,
.awb-hero-pillars__photo--elevated .awb-hero-pillars__photo-frame {
	background: color-mix(in srgb, var(--surface) 88%, var(--accent));
	border: 1px solid color-mix(in srgb, var(--text-light) 10%, transparent);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.is-scheme-light .is-frame-fill-elevated .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--elevated .awb-media-frame__plate,
.is-scheme-light .awb-hero-pillars__photo--elevated .awb-hero-pillars__photo-frame {
	background: var(--surface);
	border-color: color-mix(in srgb, var(--surface-deep) 10%, transparent);
}