/* ==========================================================================
   SMILE EVENTS PRO — THEME BRIDGE (v2.7.4)
   --------------------------------------------------------------------------
   Plugin: Smile Events Pro (.sep-* namespace)
   Strategy: minimal palette + font swap. Plugin layout, spacing, animations,
   and decorative details are untouched. We only override:

     1. CSS custom properties (--sep-*) so the plugin's colour system points
        at theme tokens
     2. Font families on plugin elements that use --sep-fh / --sep-fb
        (because the plugin's CSS sets these via the variables, the
        variable override above handles most cases — these rules are
        belt-and-braces for edge cases that hardcode font-family)

   What we DON'T touch:
     - Layout, grid, spacing rules
     - Semantic colours (live red, success green)
     - Border radii, shadows, transitions
     - Hover states, animations
     - Decorative gradients

   Scope: rules apply only when body has .has-smile-events AND
   .smile-channel-theme class — so deactivating the plugin or theme cleanly
   reverts to defaults.
   ========================================================================== */

/* ── 1. TOKEN OVERRIDES ── */
/* The plugin declares --sep-* tokens at :root, which means they're inherited
   everywhere. Overriding them at body.smile-channel-theme.has-smile-events
   has higher specificity than :root AND only applies when both plugin + theme
   are active, so deactivating either reverts cleanly. */

body.smile-channel-theme.has-smile-events {
	/* Backgrounds — align to theme dark obsidian */
	--sep-bg:           #0A0A0B;                       /* theme --tsc-dark */
	--sep-bg-warm:      #111113;                       /* theme --tsc-dark-2 */
	--sep-sf:           #1A1814;                       /* ink-tinted surface */
	--sep-sf2:          #222020;                       /* slightly lifted */
	--sep-sf3:          #2A2724;                       /* card surface */

	/* Borders — soft cream-tinted instead of cool whitewash */
	--sep-bd:           rgba(240, 234, 216, 0.06);     /* theme cream alpha */
	--sep-bd-warm:      rgba(184, 134, 42, 0.14);      /* theme gold alpha */
	--sep-bd-accent:    rgba(184, 134, 42, 0.28);

	/* Text — cream tones instead of cool grey */
	--sep-tx:           #A8A29A;                       /* theme muted warm */
	--sep-tx-dim:       #6B6558;                       /* theme --tsc-text-mute */
	--sep-tx-bright:    #F0EAD8;                       /* theme cream */
	--sep-wh:           #FAF8F3;                       /* theme --tsc-cream */

	/* Gold — unified with theme (was #d4a03c, now theme #B8862A) */
	--sep-gold:         #B8862A;                       /* theme --tsc-gold */
	--sep-gold-light:   #D4A24C;                       /* theme --tsc-gold-soft */
	--sep-gold-glow:    rgba(184, 134, 42, 0.22);
	--sep-gold-hot:     rgba(184, 134, 42, 0.45);

	/* Semantic — UNCHANGED. Live red and success green encode meaning,
	   and the plugin's choices are already standard. */
	/* --sep-live:    keep #ef4444 (live red)    */
	/* --sep-green:   keep #34d399 (success)     */

	/* Typography — theme fonts win */
	--sep-fh:           'Playfair Display', Georgia, serif;       /* headings */
	--sep-fb:           'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* body */

	/* Radii + easing — UNCHANGED. Plugin's choices match modern editorial
	   well and changing radii would shift visual weight without benefit. */
}

/* ── 2. BELT-AND-BRACES FONT OVERRIDES ── */
/* If anything in the plugin CSS hardcodes 'Cormorant Garamond' or 'Outfit'
   instead of using the variable, force-override on plugin surfaces.
   Wrapper classes (.sep-single, .sep-grid, .sep-live-banner, .sep-embed)
   scope this so we don't leak font changes outside plugin output. */

body.smile-channel-theme.has-smile-events .sep-single,
body.smile-channel-theme.has-smile-events .sep-grid,
body.smile-channel-theme.has-smile-events .sep-live-banner,
body.smile-channel-theme.has-smile-events .sep-embed {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body.smile-channel-theme.has-smile-events .sep-single h1,
body.smile-channel-theme.has-smile-events .sep-single h2,
body.smile-channel-theme.has-smile-events .sep-single h3,
body.smile-channel-theme.has-smile-events .sep-single h4,
body.smile-channel-theme.has-smile-events .sep-grid h1,
body.smile-channel-theme.has-smile-events .sep-grid h2,
body.smile-channel-theme.has-smile-events .sep-grid h3,
body.smile-channel-theme.has-smile-events .sep-grid h4,
body.smile-channel-theme.has-smile-events .sep-live-banner h1,
body.smile-channel-theme.has-smile-events .sep-live-banner h2,
body.smile-channel-theme.has-smile-events .sep-live-banner h3,
body.smile-channel-theme.has-smile-events .sep-embed h1,
body.smile-channel-theme.has-smile-events .sep-embed h2,
body.smile-channel-theme.has-smile-events .sep-embed h3,
body.smile-channel-theme.has-smile-events .sep-hero__title,
body.smile-channel-theme.has-smile-events .sep-live-banner__title,
body.smile-channel-theme.has-smile-events .sep-embed__title,
body.smile-channel-theme.has-smile-events .sep-card__title {
	font-family: 'Playfair Display', Georgia, serif;
	letter-spacing: -0.01em;
}

/* Theme heading weight is 500, plugin uses 500-700. Keep plugin's choice
   per element rather than blanket-overriding — that's a layout-affecting
   change which the user said NOT to make. */

/* ── 3. ADMIN BAR / FRONT-OF-SITE EDGE CASES ── */
/* No overrides needed for admin. Plugin admin uses its own neutral palette
   that doesn't conflict with WP admin styling. */