/**
 * modules/ogace/assets/css/ogace-frame-layout.css
 * ============================================================================
 * OGACE Frame Layout — Global Users companion stylesheet.
 *
 * ogace-theme-compat.css owns the light-brand remap and the base
 * `.ogace-frame` / `.ogace-frame--flat` utility. This file only adds what
 * that base utility doesn't cover on its own:
 *
 *   - Dark-mode: a visitor with `prefers-color-scheme: dark` should not get
 *     a bright-white shadow/seam glow that was tuned for a light page.
 *   - RTL: the accent seam line and rounded-corner framing must mirror for
 *     right-to-left languages instead of silently staying left-anchored.
 *   - Partner accent variables default to the brand gold→red pair defined
 *     in ogace-theme-compat.css, but can be overridden per-partner via
 *     `ogace_frame_partner_accent_v1` (see ogace-frame-layout.php), which
 *     injects `--oga-frame-accent-start` / `--oga-frame-accent-end` inline.
 *
 * Loaded after ogace-theme-compat.css (registered as a dependency), so it
 * only ever narrows/adapts — it never needs to re-win the cascade.
 *
 * @package OGACE
 * @since   3.4.0
 */

/* ── Partner-accent-aware seam line ─────────────────────────────────────
 * theme-compat.css's .ogace-frame::before already reads these two custom
 * properties with a brand-gold/red fallback, so simply defining them here
 * (or via the inline partner override) is enough to recolour every framed
 * surface network-wide, with zero per-surface edits. */
:root:root {
	--oga-frame-accent-start: var(--oga-gold, #EAB308);
	--oga-frame-accent-end:   var(--oga-red, #b01c2e);
}

/* ── Dark mode ───────────────────────────────────────────────────────────
 * The frame's shadow + seam were tuned against a light page. On a dark
 * surface (visitor preference, or a partner theme with its own dark mode)
 * the same shadow reads as a faint white blur; soften it and let the seam
 * line double as the primary separator instead. */
@media (prefers-color-scheme: dark) {
	.ogace-frame {
		box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.45);
	}
	.ogace-frame--flat {
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
	}
}

/* ── RTL ─────────────────────────────────────────────────────────────────
 * The seam accent is centered so it doesn't need mirroring, but any future
 * asymmetric frame variant should key off [dir="rtl"] the same way this
 * rule does, rather than assuming LTR. Kept as an explicit no-op selector
 * so the pattern is documented and easy to extend module-by-module. */
[dir="rtl"] .ogace-frame::before {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

/* ── Reduced motion / high contrast (Global Users accessibility) ──────── */
@media (prefers-contrast: more) {
	.ogace-frame {
		box-shadow: 0 0 0 1px currentColor;
	}
}

/* End ogace-frame-layout.css */