/* BV Analytics Modal Styling */

/* Font definitions and responsive sizing for OneTrust consent modal */

/* ========================================
   @font-face declarations
   ======================================== */

@font-face {
  font-family: domaine;
  src: url('https://www.bluevine.com/fonts/domaine/domaine-regular.woff2')
    format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-5FF;
}

@font-face {
  font-family: domaine;
  src: url('https://www.bluevine.com/fonts/domaine/domaine-bold.woff2')
    format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-5FF;
}

@font-face {
  font-family: gellix;
  src: url('https://www.bluevine.com/fonts/gellix/gellix-regular.woff2')
    format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-5FF;
}

@font-face {
  font-family: gellix;
  src: url('https://www.bluevine.com/fonts/gellix/gellix-semibold.woff2')
    format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-5FF;
}

/* ========================================
   OneTrust Modal Styling
   Targets the main OneTrust SDK container
   ======================================== */

:root {
  --bs-blue: #1943dc;
}

/*
 * Font family styling for OneTrust modal
 * The #onetrust-consent-sdk ID targets the main container
 * that wraps all OneTrust modal content
 * Set a smaller base font-size to match production site
 */
#onetrust-consent-sdk {
  font-family:
    domaine,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
  font-size: 16px !important;
}

/*
 * Apply gellix font to headings
 * Match production site styling for OneTrust
 */
#onetrust-consent-sdk h1,
#onetrust-consent-sdk h2,
#onetrust-consent-sdk h3,
#onetrust-consent-sdk h4,
#onetrust-consent-sdk h5,
#onetrust-consent-sdk h6 {
  font-family:
    gellix,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif !important;
}

/*
 * Override OneTrust's aggressive font-sizing
 * Scale down to match production site
 */

#onetrust-consent-sdk h2 {
  font-size: 40px !important;
  margin: 15px 15px 0 !important;
}

#onetrust-consent-sdk h4 {
  font-size: 20px !important;
}

#onetrust-consent-sdk p {
  font-size: 16px !important;
}

#onetrust-consent-sdk p a {
  font-size: 16px !important;
  color: var(--bs-blue);
}

#onetrust-consent-sdk span {
  font-size: 12px !important;
}

#onetrust-consent-sdk .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
  border-left-color: var(--bs-blue) !important;
}

#onetrust-pc-sdk #ot-pc-content .ot-optout-signal {
  margin: 0 !important;
}

#onetrust-pc-sdk .ot-sdk-row .ot-sdk-column {
  padding: 1.6rem 0 0 !important;
}

#onetrust-pc-sdk .ot-sdk-columns.ot-sdk-eight {
  padding-left: 30px !important;
}

#onetrust-pc-sdk .ot-pc-footer {
  background-color: #fff !important;
}