/* ═══════════════════════════════════════════════════════════════════
   🔲 Bitghost EventOn Addons · Organizer Profiles · v1.7.0 "ATELIER"
   ───────────────────────────────────────────────────────────────────
   Loaded ONLY on /event-organizer/ archives and wherever the
   [bgevo_organizer] shortcode appears. Every colour resolves from the
   :root design tokens the core emits, so the DESIGNER palette editor
   drives this file without it knowing a single hex value.
   ═══════════════════════════════════════════════════════════════════ */

.bgevo-org {
	display: block;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 18px 72px;
	color: var(--bgevo-ink);
}
.bgevo-org__page { padding: 28px 0 0; }

/* ── Hero ────────────────────────────────────────────────────────────
   The mesh is a decorative aurora wash. It sits behind content at low
   opacity and is removed entirely under prefers-reduced-motion and in
   forced-colors, where it would only fight the user's own palette.
   ─────────────────────────────────────────────────────────────────── */
.bgevo-org__hero {
	position: relative;
	overflow: hidden;
	border-radius: var(--bgevo-radius);
	padding: 44px 40px;
	margin: 22px 0 18px;
	background: var(--bgevo-surface-alt);
	border: 1px solid var(--bgevo-hairline);
	isolation: isolate;
}
.bgevo-org.is-official .bgevo-org__hero {
	border: var(--bgevo-frame-w) solid var(--bgevo-surface-alt);
	background: var(--bgevo-surface);
}
.bgevo-org__hero.has-cover::after {
	content: "";
	position: absolute; inset: 0; z-index: -2;
	background-image: var(--org-cover);
	background-size: cover; background-position: center;
	opacity: .17;
}
.bgevo-org__mesh {
	position: absolute; inset: -40%; z-index: -1; pointer-events: none;
	background:
		radial-gradient(38% 44% at 12% 18%, color-mix(in srgb, var(--bgevo-primary) 34%, transparent) 0%, transparent 62%),
		radial-gradient(34% 40% at 88% 76%, color-mix(in srgb, var(--bgevo-secondary) 32%, transparent) 0%, transparent 60%);
	filter: blur(26px);
	opacity: .55;
}
.bgevo-org__heroin {
	position: relative;
	display: flex; align-items: center; gap: 30px; flex-wrap: wrap;
}

.bgevo-org__logo {
	flex: 0 0 auto;
	width: 132px; height: 132px;
	border-radius: var(--bgevo-radius);
	overflow: hidden;
	background: var(--bgevo-surface);
	border: 1px solid var(--bgevo-hairline);
	display: grid; place-items: center;
	box-shadow: 0 10px 34px rgba(28, 33, 48, .12);
}
.bgevo-org__logo img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.bgevo-org__mono {
	font-size: 40px; font-weight: 800; letter-spacing: .02em;
	background: var(--bgevo-grad);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}

.bgevo-org__text { flex: 1 1 340px; min-width: 0; }
.bgevo-org__badge {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
	color: #fff; background: var(--bgevo-grad);
	padding: 5px 12px; border-radius: 999px; margin-bottom: 10px;
}
.bgevo-org__name {
	margin: 0 0 6px;
	font-size: clamp(28px, 4.4vw, 44px); line-height: 1.08;
	font-weight: 800; letter-spacing: -.025em;
	color: var(--bgevo-heading);
}
.bgevo-org__tagline {
	margin: 0; max-width: 62ch;
	font-size: clamp(14px, 1.5vw, 17px); line-height: 1.6;
	color: var(--bgevo-faded);
}

.bgevo-org__socials { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.bgevo-org__social {
	width: 38px; height: 38px; border-radius: 50%;
	display: grid; place-items: center; text-decoration: none;
	font-size: 15px; font-weight: 700;
	color: var(--bgevo-primary);
	background: var(--bgevo-surface);
	border: 1px solid var(--bgevo-hairline);
	transition: transform .16s, border-color .16s, color .16s;
}
.bgevo-org__social:hover,
.bgevo-org__social:focus-visible {
	transform: translateY(-2px);
	border-color: var(--bgevo-secondary);
	color: var(--bgevo-secondary);
}

/* ── Stats ───────────────────────────────────────────────────────── */
.bgevo-org__stats {
	display: grid; gap: 12px; margin-bottom: 22px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.bgevo-org__stat {
	padding: 18px 20px; text-align: center;
	border-radius: var(--bgevo-radius-sm);
	background: var(--bgevo-surface);
	border: 1px solid var(--bgevo-hairline);
}
.bgevo-org__stat b {
	display: block; font-size: 27px; font-weight: 800; line-height: 1.15;
	color: var(--bgevo-primary); font-variant-numeric: tabular-nums;
}
.bgevo-org__stat i {
	display: block; margin-top: 4px; font-style: normal;
	font-size: 10.5px; font-weight: 700; letter-spacing: .09em;
	text-transform: uppercase; color: var(--bgevo-faded);
}

/* ── Layout ──────────────────────────────────────────────────────── */
.bgevo-org__grid {
	display: grid; gap: 22px;
	grid-template-columns: minmax(0, 1fr) 340px;
	align-items: start;
}
.bgevo-org__main, .bgevo-org__side { display: grid; gap: 22px; min-width: 0; }
.bgevo-org__side { position: sticky; top: 24px; }

@media (max-width: 960px) {
	.bgevo-org__grid { grid-template-columns: 1fr; }
	.bgevo-org__side { position: static; }
}

/* ── Cards ───────────────────────────────────────────────────────── */
.bgevo-org__card {
	padding: 26px 28px;
	border-radius: var(--bgevo-radius);
	background: var(--bgevo-surface);
	border: 1px solid var(--bgevo-hairline);
}
.bgevo-org__card--lift { box-shadow: 0 10px 34px rgba(28, 33, 48, .07); }
.bgevo-org__cardtitle {
	margin: 0 0 14px; font-size: 12px; font-weight: 800;
	letter-spacing: .13em; text-transform: uppercase;
	color: var(--bgevo-faded);
}

/* ── Bio ─────────────────────────────────────────────────────────── */
.bgevo-org__mission {
	margin: 0 0 14px; padding: 14px 18px;
	border-left: 4px solid var(--bgevo-primary);
	border-radius: var(--bgevo-radius-sm);
	background: var(--bgevo-surface-alt);
	font-size: 15px; line-height: 1.65; color: var(--bgevo-heading);
}
.bgevo-org__bio { font-size: 15px; line-height: 1.72; }
.bgevo-org__bio p { margin: 0 0 12px; }
.bgevo-org__bio p:last-child { margin-bottom: 0; }
.bgevo-org__bio.is-clamped {
	max-height: 11.5em; overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, #000 66%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 66%, transparent 100%);
}
.bgevo-org__more {
	margin-top: 10px; padding: 0; border: 0; background: none;
	font: inherit; font-size: 13.5px; font-weight: 700;
	color: var(--bgevo-primary); cursor: pointer;
}
.bgevo-org__more:hover { color: var(--bgevo-secondary); }

/* ── Segmented events ────────────────────────────────────────────── */
.bgevo-org__seclabel {
	display: flex; align-items: center; gap: 12px;
	margin: 18px 0 12px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .13em;
	text-transform: uppercase; color: var(--bgevo-primary);
}
.bgevo-org__seclabel::after {
	content: ""; flex: 1; height: 1px; background: var(--bgevo-hairline);
}
.bgevo-org__seclabel.is-series { color: var(--bgevo-faded); }
.bgevo-org__events { display: grid; gap: 12px; }
.bgevo-org__allcal { margin: 18px 0 0; font-size: 13.5px; font-weight: 700; }
.bgevo-org__allcal a { color: var(--bgevo-primary); text-decoration: none; }
.bgevo-org__allcal a:hover { text-decoration: underline; }

/* ── Support spotlight ───────────────────────────────────────────── */
.bgevo-org__supportnote { margin: 0 0 16px; font-size: 13.5px; color: var(--bgevo-faded); line-height: 1.6; }
.bgevo-org__campaign {
	padding: 18px 20px; margin-bottom: 14px;
	border-radius: var(--bgevo-radius-sm);
	background: var(--bgevo-surface-alt);
	border-left: var(--bgevo-frame-w) solid var(--bgevo-primary);
}
.bgevo-org__campaign:last-of-type { margin-bottom: 0; }
.bgevo-org__campname { margin: 0 0 10px; font-size: 16px; font-weight: 800; line-height: 1.35; }
.bgevo-org__campname a { color: var(--bgevo-heading); text-decoration: none; }
.bgevo-org__campname a:hover { color: var(--bgevo-primary); }
.bgevo-org__goal { margin: 0 0 8px; font-size: 13px; color: var(--bgevo-faded); }
.bgevo-org__goal b { font-size: 20px; color: var(--bgevo-primary); font-variant-numeric: tabular-nums; }
.bgevo-org__track {
	display: block; height: 8px; border-radius: 999px;
	background: var(--bgevo-surface); overflow: hidden; margin-bottom: 14px;
}
.bgevo-org__fill { display: block; height: 100%; background: var(--bgevo-grad); border-radius: 999px; }

.bgevo-org__tiers { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 1px; }
.bgevo-org__tier {
	display: flex; justify-content: space-between; align-items: baseline; gap: 14px;
	padding: 9px 0; border-bottom: 1px solid var(--bgevo-hairline);
	font-size: 13.5px;
}
.bgevo-org__tier:last-child { border-bottom: 0; }
.bgevo-org__tier strong { color: var(--bgevo-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bgevo-org__tier.is-addon span::before { content: "🧊 "; }
.bgevo-org__tier.is-sponsor span::before { content: "◼ "; }

/* ── Contact ─────────────────────────────────────────────────────── */
.bgevo-org__contact { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 14px; }
.bgevo-org__crow { display: flex; gap: 12px; align-items: flex-start; font-size: 13.5px; line-height: 1.55; }
.bgevo-org__cicon {
	flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px;
	display: grid; place-items: center; font-size: 14px;
	background: var(--bgevo-surface-alt);
}
.bgevo-org__crow b {
	display: block; font-size: 10.5px; font-weight: 800;
	letter-spacing: .09em; text-transform: uppercase; color: var(--bgevo-faded);
}
.bgevo-org__crow a { color: var(--bgevo-primary); text-decoration: none; overflow-wrap: anywhere; }
.bgevo-org__crow a:hover { text-decoration: underline; }
.bgevo-org__cta { width: 100%; justify-content: center; }

/* ── Related ─────────────────────────────────────────────────────── */
.bgevo-org__related { display: grid; gap: 9px; }
.bgevo-org__chip {
	display: flex; align-items: center; gap: 11px;
	padding: 9px 11px; border-radius: var(--bgevo-radius-sm);
	background: var(--bgevo-surface-alt); text-decoration: none;
	transition: transform .16s, background .16s;
}
.bgevo-org__chip:hover { transform: translateX(3px); background: var(--bgevo-hairline); }
.bgevo-org__chip img { border-radius: 8px; object-fit: contain; background: var(--bgevo-surface); }
.bgevo-org__chipmono {
	width: 34px; height: 34px; border-radius: 8px; flex: 0 0 auto;
	display: grid; place-items: center; font-size: 12px; font-weight: 800;
	color: #fff; background: var(--bgevo-grad);
}
.bgevo-org__chip b { display: block; font-size: 13px; color: var(--bgevo-heading); line-height: 1.3; }
.bgevo-org__chip i { font-style: normal; font-size: 11px; color: var(--bgevo-faded); }

/* ── Mini card (shortcode layout="card|mini") ────────────────────── */
.bgevo-org__minicard {
	display: flex; align-items: center; gap: 14px;
	padding: 14px 16px; text-decoration: none;
	border-radius: var(--bgevo-radius-sm);
	background: var(--bgevo-surface);
	border: 1px solid var(--bgevo-hairline);
	transition: transform .16s, border-color .16s;
}
.bgevo-org__minicard:hover { transform: translateY(-2px); border-color: var(--bgevo-secondary); }
.bgevo-org__minicard img { border-radius: 10px; object-fit: contain; }
.bgevo-org__minibody b { display: block; font-size: 15px; font-weight: 800; color: var(--bgevo-heading); }
.bgevo-org__minibody i { display: block; font-style: normal; font-size: 12.5px; color: var(--bgevo-faded); margin-top: 2px; }
.bgevo-org__minibody em {
	display: block; font-style: normal; margin-top: 5px;
	font-size: 10.5px; font-weight: 700; letter-spacing: .08em;
	text-transform: uppercase; color: var(--bgevo-primary);
}

/* ── Sticky mobile bar ───────────────────────────────────────────── */
.bgevo-org__sticky {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
	display: none; align-items: center; gap: 10px;
	padding: 11px 14px calc(11px + env(safe-area-inset-bottom));
	background: color-mix(in srgb, var(--bgevo-surface) 94%, transparent);
	backdrop-filter: blur(var(--bgevo-blur));
	border-top: 1px solid var(--bgevo-hairline);
	box-shadow: 0 -6px 26px rgba(28, 33, 48, .13);
}
.bgevo-org__sticky[hidden] { display: none; }
.bgevo-org__stickyname {
	flex: 1; min-width: 0; font-size: 13px; font-weight: 800;
	color: var(--bgevo-heading);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (max-width: 780px) {
	.bgevo-org__sticky:not([hidden]) { display: flex; }
	.bgevo-org { padding-bottom: 96px; }
	.bgevo-org__hero { padding: 30px 22px; }
	.bgevo-org__card { padding: 22px 20px; }
	.bgevo-org__logo { width: 96px; height: 96px; }
	.bgevo-org__heroin { gap: 20px; }
}

/* ── Motion & contrast ───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.bgevo-org__social,
	.bgevo-org__chip,
	.bgevo-org__minicard { transition: none; }
	.bgevo-org__social:hover,
	.bgevo-org__chip:hover,
	.bgevo-org__minicard:hover { transform: none; }
}
@media (forced-colors: active) {
	.bgevo-org__mesh { display: none; }
	.bgevo-org__hero.has-cover::after { display: none; }
	.bgevo-org__card,
	.bgevo-org__stat,
	.bgevo-org__logo { border: 1px solid currentColor; }
	.bgevo-org__bio.is-clamped { -webkit-mask-image: none; mask-image: none; max-height: none; }
}
