/*
  FindBestBet global top-navigation alignment.
  Removes the small gap above the navigation bar.
*/

html {
  margin: 0 !important;
  padding: 0 !important;
}

body.fbb-global-nav-ready {
  margin: 0 !important;
}

/*
  Ensure the injected desktop navigation begins exactly
  at the top edge of the browser viewport.
*/
body.fbb-global-nav-ready > header:first-child,
body.fbb-global-nav-ready > nav:first-child,
body.fbb-global-nav-ready #fbb-global-nav,
body.fbb-global-nav-ready .fbb-global-nav,
body.fbb-global-nav-ready #fbb-global-header,
body.fbb-global-nav-ready .fbb-global-header,
body.fbb-global-nav-ready [data-fbb-global-nav] {
  margin-top: 0 !important;
  top: 0 !important;
  inset-block-start: 0 !important;
}

/*
  Remove a possible collapsed margin from the first child
  inside the global navigation container.
*/
body.fbb-global-nav-ready > header:first-child > :first-child,
body.fbb-global-nav-ready #fbb-global-nav > :first-child,
body.fbb-global-nav-ready .fbb-global-nav > :first-child {
  margin-top: 0 !important;
}

/* FBB-FORCE-GLOBAL-NAV-TOP-EDGE-BEGIN */

@media (min-width: 769px) {
  html,
  body.fbb-global-nav-ready {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /*
    The injected header retains a small visual offset.
    Pull the complete navigation wrapper to the viewport edge.
  */
  body.fbb-global-nav-ready > header:first-of-type,
  body.fbb-global-nav-ready > #fbb-global-nav,
  body.fbb-global-nav-ready > .fbb-global-nav,
  body.fbb-global-nav-ready > #fbb-global-header,
  body.fbb-global-nav-ready > .fbb-global-header {
    margin-top: -6px !important;
    top: 0 !important;
  }
}

/* FBB-FORCE-GLOBAL-NAV-TOP-EDGE-END */

/* FBB-DESKTOP-GLOBAL-NAV-HEIGHT-BEGIN */

@media (min-width: 769px) {
  /*
    Keep the navigation flush with the top edge, but compensate
    internally for the six-pixel upward adjustment.
  */
  body.fbb-global-nav-ready > header:first-of-type,
  body.fbb-global-nav-ready > #fbb-global-nav,
  body.fbb-global-nav-ready > .fbb-global-nav,
  body.fbb-global-nav-ready > #fbb-global-header,
  body.fbb-global-nav-ready > .fbb-global-header {
    min-height: 58px !important;
    height: auto !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /*
    Vertically centre the logo, language controls and menu button.
  */
  body.fbb-global-nav-ready > header:first-of-type > *,
  body.fbb-global-nav-ready #fbb-global-nav > *,
  body.fbb-global-nav-ready .fbb-global-nav > *,
  body.fbb-global-nav-ready #fbb-global-header > *,
  body.fbb-global-nav-ready .fbb-global-header > * {
    align-items: center !important;
  }

  body.fbb-global-nav-ready > header:first-of-type button,
  body.fbb-global-nav-ready > header:first-of-type a,
  body.fbb-global-nav-ready #fbb-global-nav button,
  body.fbb-global-nav-ready .fbb-global-nav button,
  body.fbb-global-nav-ready #fbb-global-header button,
  body.fbb-global-nav-ready .fbb-global-header button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
  }

  body.fbb-global-nav-ready > header:first-of-type button,
  body.fbb-global-nav-ready #fbb-global-nav button,
  body.fbb-global-nav-ready .fbb-global-nav button,
  body.fbb-global-nav-ready #fbb-global-header button,
  body.fbb-global-nav-ready .fbb-global-header button {
    min-height: 38px !important;
  }
}

/* FBB-DESKTOP-GLOBAL-NAV-HEIGHT-END */
