/*
 * Hi.Events global branding overrides for events.raqamisecure.com.
 * Loaded via nginx sub_filter — no core files are modified.
 * Edit, then `nginx -s reload` is NOT needed (file is served as static).
 *
 * Hi.Events uses Mantine; override its CSS variables for global recolor.
 * Test changes by hard-refresh (Cmd+Shift+R) since the file is cached 1h.
 */

:root {
  /* Brand palette — Raqami Tickets accent. Tweak these and everything follows. */
  --raqami-accent:        #2563eb;   /* primary blue */
  --raqami-accent-hover:  #1d4ed8;
  --raqami-accent-light:  #dbeafe;
  --raqami-accent-dark:   #1e3a8a;
  --raqami-success:       #16a34a;
  --raqami-danger:        #dc2626;

  /* Mantine primary colour ramp (replace blue) */
  --mantine-color-blue-0:  #eff6ff;
  --mantine-color-blue-1:  #dbeafe;
  --mantine-color-blue-2:  #bfdbfe;
  --mantine-color-blue-3:  #93c5fd;
  --mantine-color-blue-4:  #60a5fa;
  --mantine-color-blue-5:  #3b82f6;
  --mantine-color-blue-6:  #2563eb;
  --mantine-color-blue-7:  #1d4ed8;
  --mantine-color-blue-8:  #1e40af;
  --mantine-color-blue-9:  #1e3a8a;

  --mantine-primary-color-filled:        var(--raqami-accent);
  --mantine-primary-color-filled-hover:  var(--raqami-accent-hover);
  --mantine-primary-color-light:         var(--raqami-accent-light);
}

/* Login / signup screen background — soft gradient. */
body[data-page="auth"],
.auth-page,
[data-mantine-color-scheme] main:has(form[data-auth]) {
  background: linear-gradient(135deg, #f8fafc 0%, var(--raqami-accent-light) 100%);
}

/* Header logo swap via CSS content (limited; reliable when text logo is the default). */
header [data-logo],
header img[alt*="Hi.Events" i] {
  /* If you upload a /branding/logo.png, uncomment to replace: */
  /* content: url('/branding/logo.png'); */
}

/* Accent for primary buttons and active nav items. */
.mantine-Button-root[data-variant="filled"] {
  background-color: var(--raqami-accent);
}
.mantine-Button-root[data-variant="filled"]:hover {
  background-color: var(--raqami-accent-hover);
}

/* ---- Branding ----
 *
 * NOTE: Hi.Events is AGPL-3.0 + additional terms. The license preamble
 * REQUIRES a "Powered by Hi.Events" footer with a link to
 * https://hi.events on every page and email. Removing it requires a
 * commercial license. Do NOT add 'display:none' rules for the
 * [class*="_poweredBy_"] elements without the operator first either:
 *   (a) purchasing a commercial license from Hi.Events, or
 *   (b) replacing it with a compliant rephrased attribution that
 *       still links to https://hi.events.
 *
 * Cosmetic restyling (font-size, opacity, position) IS permitted and is
 * what we do below. */

/* Make upstream Hi.Events footer present-but-minor — license-compliant
 * (link to hi.events preserved) but no longer dominant on the page. */
[class*="_poweredBy_"] {
  font-size: 10px !important;
  opacity: 0.45 !important;
  padding: 4px 0 6px !important;
  text-align: center !important;
}
[class*="_poweredBy_"] a {
  color: inherit !important;
  text-decoration: none !important;
}
[class*="_poweredBy_"] a:hover {
  text-decoration: underline !important;
}

/* Prominent Raqami Technology footer — injected by nginx sub_filter
 * before </body> on every page (see hi-events-branding.conf). */
.raqami-footer {
  text-align: center;
  padding: 14px 8px 4px;
  font-size: 14px;
  color: #555;
  background: transparent;
}
.raqami-footer a {
  color: var(--raqami-accent);
  font-weight: 600;
  text-decoration: none;
}
.raqami-footer a:hover {
  text-decoration: underline;
}