/*************************************************
*  Global CSS overrides for Metabase UI          *
*************************************************/

@font-face {
  font-family: 'Spacegrotesk';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/61d72ddfcc709abbfe0f26bb_SpaceGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/61d72df9aa46acbc70eeb9d8_DMSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Spacegrotesk';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/61d737074f08228b20568bd1_SpaceGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/61d98240db5fb6ad2c40e0e9_DMSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gloriahallelujah';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/62054cad44cc1ea1839c631f_GloriaHallelujah-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('https://cdn.prod.website-files.com/61d72d3c33d3c00acbc44fe0/654123ea54c8ed63f804ca27_DMSans-VariableFont_opsz%2Cwght.ttf') format('truetype');
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "DM Sans", Helvetica, Arial, sans-serif !important;
}

/* 2️⃣  Replace built‑in logo with ours */
[data-testid="main-logo-link"] svg {
  display: none !important; /* hide inline SVG */
}

[data-testid="main-logo-link"] {
  display: inline-block;
  width: 120px;            /* adjust width */
  height: 32px;            /* adjust height */
  background: url("custom-logo.svg") center / contain no-repeat !important;
}

[data-testid="landing-page-illustration"] {
  background: url("structure.webp") center / contain repeat !important;
}

/*************************************************
*  Sidebar link hover & selected background
*************************************************/

[data-testid="main-navbar-root"] li {
  background-color: #ffffff !important;
}

/*************************************************
*  Collection name heading
*************************************************/

[data-testid="collection-name-heading"] {
  font-family: "Spacegrotesk", Helvetica, Arial, sans-serif !important;
}

/*************************************************
* Welcome message
*************************************************/

/*************************************************
* 5️⃣  HOME PAGE – hide Metabot SVGs & restyle greeting
*************************************************/

div:has(> img[alt="Metabot"]) {
  display: none !important;
}

[data-testid="greeting-message"] {
  font-size: 4rem;              /* tweak size */
  font-family: "Spacegrotesk", Helvetica, Arial, sans-serif !important;
}


/*h1, h2, h3, h4, h5, h6 {
  font-family: "Spacegrotesk", Helvetica, Arial, sans-serif !important;
}*/

/* 4️⃣  Any other brand colours, buttons, etc. */
:root {
  --mb-color-brand: #fb263b !important;
}