/* ═══════════════════════════════════════════════════════════════════
   🔲 BITGHOST · EventOn BRAND-GLASS SKIN · v1.1.0 "AURORA"
   ───────────────────────────────────────────────────────────────────
   Re-skins EventOn's OWN markup (calendar, list, event cards, single
   pages) into the site palette + Apple-grade glass. EventOn ships no
   theming API for this, so we ride its stable class contract:

     .eventon_events_list   .eventon_list_event   .evcal_list_a
     .evcal_eventcard       .evocard_box          .evo_metarow_*
     .evcal_cblock          .evcal_desc*          .evo_h3  .evcal_btn

   Every rule is gated behind body.bgevo-evoskin, so switching the
   module off in AgentOS instantly returns EventOn to stock. Tokens
   come from :root (BGEVO_Core::palette_props()).
   ═══════════════════════════════════════════════════════════════════ */

body.bgevo-evoskin {
	--bgevo-primary: #278eb7;
	--bgevo-secondary: #3ec3ce;
	--bgevo-ink: #35415b;
	--bgevo-heading: #000000;
	--bgevo-surface: #ffffff;
	--bgevo-surface-alt: #f2f4f7;
	--bgevo-hairline: #e3e7f0;
	--bgevo-faded: #727f9f;
	--bgevo-deep: #1c2130;
	--bgevo-grad: linear-gradient(90deg, #278eb7 0%, #3ec3ce 100%);
	--bgevo-radius: 22px;
	--bgevo-blur: 22px;

	--evo-glass: color-mix(in srgb, var(--bgevo-surface) 66%, transparent);
	--evo-glass-2: color-mix(in srgb, var(--bgevo-surface) 82%, transparent);
	--evo-edge: color-mix(in srgb, #ffffff 72%, transparent);
	--evo-shadow:
		0 24px 60px -30px color-mix(in srgb, var(--bgevo-deep) 55%, transparent),
		0 3px 12px -6px color-mix(in srgb, var(--bgevo-deep) 20%, transparent);
	--evo-shadow-hi:
		0 40px 90px -32px color-mix(in srgb, var(--bgevo-primary) 50%, transparent),
		0 8px 22px -10px color-mix(in srgb, var(--bgevo-deep) 26%, transparent);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
	body.bgevo-evoskin { --evo-glass: var(--bgevo-surface); --evo-glass-2: var(--bgevo-surface); }
}

/* ── Calendar shell ────────────────────────────────────────────────── */
body.bgevo-evoskin .ajde_evcal_calendar {
	background: transparent;
	border: 0;
}
body.bgevo-evoskin .ajde_evcal_calendar .calendar_header,
body.bgevo-evoskin .evo_cal_above_head,
body.bgevo-evoskin .eventon_sorting_section,
body.bgevo-evoskin .evo_cal_events .evo_sort_bar {
	background: var(--evo-glass);
	-webkit-backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	border: 1px solid var(--evo-edge);
	border-radius: var(--bgevo-radius);
	box-shadow: var(--evo-shadow), inset 0 1px 0 rgba(255, 255, 255, .8);
	margin-bottom: 16px;
	padding: 14px 18px;
}
body.bgevo-evoskin .evcal_month_line p,
body.bgevo-evoskin .calendar_header .evcal_month_line,
body.bgevo-evoskin .evo_cal_above_head .evo_j_dates .evcal_month_line {
	font-weight: 800;
	letter-spacing: -0.01em;
	background: var(--bgevo-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
body.bgevo-evoskin .evcal_arrows,
body.bgevo-evoskin .evo_arrows .evcal_arrows {
	background: var(--evo-glass-2);
	border: 1px solid var(--bgevo-hairline);
	border-radius: 14px;
	color: var(--bgevo-primary);
	transition: transform .25s, border-color .25s, box-shadow .25s;
}
body.bgevo-evoskin .evcal_arrows:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--bgevo-primary) 40%, transparent);
	box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--bgevo-primary) 70%, transparent);
}
body.bgevo-evoskin .evo_sort_btn,
body.bgevo-evoskin .evo_srt_sec .evo_sort_btn {
	background: var(--evo-glass-2);
	border: 1px solid var(--bgevo-hairline);
	border-radius: var(--bgevo-radius);
	color: var(--bgevo-ink);
	font-weight: 600;
}
body.bgevo-evoskin .evo_sort_btn:hover { color: var(--bgevo-primary); border-color: var(--bgevo-secondary); }

/* ── Event list rows → glass cards ─────────────────────────────────── */
body.bgevo-evoskin .eventon_events_list { background: transparent; }
body.bgevo-evoskin .eventon_events_list .eventon_list_event {
	background: var(--evo-glass);
	-webkit-backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	border: 1px solid var(--evo-edge);
	border-radius: var(--bgevo-radius);
	box-shadow: var(--evo-shadow), inset 0 1px 0 rgba(255, 255, 255, .8);
	margin-bottom: 16px;
	overflow: hidden;
	transition: transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s, border-color .35s;
}
body.bgevo-evoskin .eventon_events_list .eventon_list_event:hover {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--bgevo-primary) 26%, transparent);
	box-shadow: var(--evo-shadow-hi), inset 0 1px 0 rgba(255, 255, 255, .8);
}
body.bgevo-evoskin .eventon_events_list .eventon_list_event .evcal_list_a {
	background: transparent;
	border: 0;
	padding: 18px 20px;
}
body.bgevo-evoskin .eventon_events_list .eventon_list_event .evcal_list_a:hover { background: color-mix(in srgb, var(--bgevo-secondary) 7%, transparent); }

/* date block → gradient chip */
body.bgevo-evoskin .evcal_cblock,
body.bgevo-evoskin .evoet_dayblock {
	color: #fff;
	background: var(--bgevo-grad);
	border-radius: 14px;
	padding: 10px 8px;
	box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--bgevo-primary) 80%, transparent);
}
body.bgevo-evoskin .evcal_cblock .evo_start .date,
body.bgevo-evoskin .evcal_cblock .date { font-weight: 800; letter-spacing: -0.02em; }
body.bgevo-evoskin .evcal_cblock .evo_start .month,
body.bgevo-evoskin .evcal_cblock .month { font-weight: 700; letter-spacing: .16em; opacity: .92; }

/* titles + meta */
body.bgevo-evoskin .evcal_desc .evcal_event_title,
body.bgevo-evoskin .evcal_desc span.evcal_event_title,
body.bgevo-evoskin .evoet_cx .evcal_event_title {
	color: var(--bgevo-heading);
	font-weight: 700;
	letter-spacing: -0.01em;
}
body.bgevo-evoskin .evcal_desc .evcal_event_subtitle,
body.bgevo-evoskin .evcal_desc3,
body.bgevo-evoskin .evoet_subtitle { color: var(--bgevo-primary); font-weight: 600; }
body.bgevo-evoskin .evcal_desc2,
body.bgevo-evoskin .evcal_time,
body.bgevo-evoskin .evoet_location,
body.bgevo-evoskin .evoet_cy { color: var(--bgevo-faded); }

/* ── Event card (the popup) ────────────────────────────────────────── */
body.bgevo-evoskin .evcal_eventcard {
	background: var(--evo-glass-2);
	-webkit-backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	border-top: 1px solid var(--bgevo-hairline);
	border-radius: 0 0 var(--bgevo-radius) var(--bgevo-radius);
	padding: 18px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
body.bgevo-evoskin .evcal_eventcard .evocard_box {
	background: color-mix(in srgb, var(--bgevo-surface) 74%, transparent);
	border: 1px solid var(--evo-edge);
	border-radius: var(--bgevo-radius);
	box-shadow: 0 12px 30px -22px color-mix(in srgb, var(--bgevo-deep) 60%, transparent);
	margin-bottom: 12px;
	overflow: hidden;
}
body.bgevo-evoskin .evcal_eventcard .evcal_evdata_row { background: transparent; border: 0; }
body.bgevo-evoskin .evcal_eventcard .evo_h3,
body.bgevo-evoskin .evcal_eventcard h3.evo_h3 {
	color: var(--bgevo-faded);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}
body.bgevo-evoskin .evcal_eventcard .evcal_evdata_cell p,
body.bgevo-evoskin .evcal_eventcard .evcal_desc_info { color: var(--bgevo-ink); }
body.bgevo-evoskin .evcal_eventcard .evcal_evdata_img,
body.bgevo-evoskin .evcal_eventcard .evcal_evdata_icons i {
	color: var(--bgevo-primary);
}
body.bgevo-evoskin .evcal_eventcard img { border-radius: var(--bgevo-radius); }
body.bgevo-evoskin .evcal_close,
body.bgevo-evoskin .evo_card_row_end.evcal_close {
	background: color-mix(in srgb, var(--bgevo-surface) 80%, transparent);
	border: 1px solid var(--bgevo-hairline);
	border-radius: 999px;
	transition: transform .25s, border-color .25s;
}
body.bgevo-evoskin .evcal_close:hover { transform: rotate(90deg); border-color: var(--bgevo-secondary); }

/* buttons inside cards (Buy Now / Learn more / ICS) */
body.bgevo-evoskin .evcal_btn,
body.bgevo-evoskin .evo_metarow_learnmore .evcal_btn,
body.bgevo-evoskin input.evcal_btn {
	color: #fff;
	background: var(--bgevo-grad);
	border: 0;
	border-radius: var(--bgevo-radius);
	padding: 12px 20px;
	font-weight: 700;
	letter-spacing: .01em;
	box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--bgevo-primary) 75%, transparent);
	transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s;
}
body.bgevo-evoskin .evcal_btn:hover,
body.bgevo-evoskin input.evcal_btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 44px -16px color-mix(in srgb, var(--bgevo-primary) 90%, transparent);
}

/* social share row → glass pills */
body.bgevo-evoskin .evo_metarow_socialmedia a,
body.bgevo-evoskin .evo_metarow_socialmedia .evo_sm_btn {
	background: color-mix(in srgb, var(--bgevo-surface) 78%, transparent);
	border: 1px solid var(--bgevo-hairline);
	border-radius: 999px;
	color: var(--bgevo-ink);
	transition: transform .25s, border-color .25s, color .25s, box-shadow .25s;
}
body.bgevo-evoskin .evo_metarow_socialmedia a:hover {
	transform: translateY(-2px);
	color: var(--bgevo-primary);
	border-color: var(--bgevo-secondary);
	box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--bgevo-primary) 70%, transparent);
}

/* maps + directions rows */
body.bgevo-evoskin .evo_metarow_gmap .evcal_gmaps,
body.bgevo-evoskin .evo_metarow_gmap iframe,
body.bgevo-evoskin .evo_metarow_directimg img,
body.bgevo-evoskin .evo_metarow_locImg img { border-radius: var(--bgevo-radius); overflow: hidden; }
body.bgevo-evoskin .evo_metarow_direction input[type="text"],
body.bgevo-evoskin .evcal_eventcard input[type="text"] {
	background: color-mix(in srgb, var(--bgevo-surface) 80%, transparent);
	border: 1px solid var(--bgevo-hairline);
	border-radius: var(--bgevo-radius);
	color: var(--bgevo-ink);
	padding: 12px 16px;
}
body.bgevo-evoskin .evo_metarow_direction input[type="text"]:focus {
	outline: none;
	border-color: var(--bgevo-secondary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--bgevo-secondary) 20%, transparent);
}

/* single event page + lightbox */
body.bgevo-evoskin .evosin_event_card,
body.bgevo-evoskin .evo_lightbox .evo_pop_body,
body.bgevo-evoskin .evo_lightbox_body {
	background: var(--evo-glass-2);
	-webkit-backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	backdrop-filter: blur(var(--bgevo-blur)) saturate(180%);
	border: 1px solid var(--evo-edge);
	border-radius: var(--bgevo-radius);
	box-shadow: var(--evo-shadow);
}
body.bgevo-evoskin .evo_lightbox .evo_pop_body { padding: 20px; }

/* filter / search widgets */
body.bgevo-evoskin .evo_search_bar input,
body.bgevo-evoskin .evo_filter_bar select,
body.bgevo-evoskin .evo_filter select {
	background: color-mix(in srgb, var(--bgevo-surface) 80%, transparent);
	border: 1px solid var(--bgevo-hairline);
	border-radius: var(--bgevo-radius);
	color: var(--bgevo-ink);
}

/* ── Dark glass variant (skin = glass-dark / dark) ─────────────────── */
body.bgevo-evoskin.bgevo-skin-glass-dark,
body.bgevo-evoskin.bgevo-skin-dark {
	--bgevo-ink: #ffffff;
	--bgevo-heading: #ffffff;
	--bgevo-surface: #1c2130;
	--bgevo-hairline: #2b3242;
	--bgevo-faded: #9aa6c0;
	--evo-glass: color-mix(in srgb, #1c2130 72%, transparent);
	--evo-glass-2: color-mix(in srgb, #1c2130 86%, transparent);
	--evo-edge: color-mix(in srgb, #ffffff 14%, transparent);
}
body.bgevo-evoskin.bgevo-skin-glass-dark .evcal_eventcard img,
body.bgevo-evoskin.bgevo-skin-dark .evcal_eventcard img { opacity: .92; }

/* Motion + print hygiene */
@media (prefers-reduced-motion: reduce) {
	body.bgevo-evoskin .eventon_list_event,
	body.bgevo-evoskin .evcal_btn,
	body.bgevo-evoskin .evo_metarow_socialmedia a { transition: none; }
}
@media print {
	body.bgevo-evoskin .eventon_list_event { box-shadow: none; border: 1px solid #ccc; background: #fff; }
}