/*
  Tipografie finală MyFootball.
  Fișierul este încărcat după toate celelalte stiluri.
*/

@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap");

:root {
  --mf-heading-final: "Baloo 2", "Nunito", Arial, sans-serif;
  --mf-interface-final: "Nunito", Arial, sans-serif;
}

html,
body,
input,
select,
textarea {
  font-family: var(--mf-interface-final) !important;
  font-synthesis: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.mf-content-hero h1,
.mf-content-section h2,
.mf-legal-page h2,
.hero-title,
.page-title,
.section-title,
.game-title,
.game-card-title,
.card-title,
.auth-title,
[class~="title"],
[class$="-title"],
[class*="__title"] {
  font-family: var(--mf-heading-final) !important;
  font-synthesis: none !important;
  font-weight: 800 !important;
  text-rendering: optimizeLegibility;
}

@media (min-width: 961px) {
  .mf-site-header .mf-primary-nav > a,
  .mf-site-header .mf-primary-nav > button,
  .mf-site-header .mf-primary-nav .mf-nav-button,
  .mf-site-header .mf-primary-nav .mf-nav-trigger,
  .mf-site-header nav.mf-primary-nav > a,
  .mf-site-header nav.mf-primary-nav > button,
  .mf-site-header nav a:not(.mf-site-logo):not(.mf-account-link),
  .mf-site-header nav button,
  header.mf-site-header nav a:not(.mf-site-logo):not(.mf-account-link),
  header.mf-site-header nav button {
    font-family: var(--mf-interface-final) !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.015em !important;
    white-space: nowrap !important;
  }

  .mf-site-header .mf-primary-nav,
  header.mf-site-header .mf-primary-nav {
    column-gap: 34px !important;
    gap: 34px !important;
  }

  .mf-site-header .mf-nav-dropdown a,
  .mf-site-header .mf-dropdown-menu a,
  .mf-site-header [class*="dropdown"] a {
    font-family: var(--mf-interface-final) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  .mf-site-header .mf-account-link,
  .mf-site-header .mf-account-trigger,
  header.mf-site-header .mf-account-link,
  header.mf-site-header .mf-account-trigger {
    font-family: var(--mf-interface-final) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }
}

@media (min-width: 961px) and (max-width: 1320px) {
  .mf-site-header .mf-primary-nav > a,
  .mf-site-header .mf-primary-nav > button,
  .mf-site-header .mf-primary-nav .mf-nav-button,
  .mf-site-header nav.mf-primary-nav > a,
  .mf-site-header nav.mf-primary-nav > button,
  .mf-site-header nav a:not(.mf-site-logo):not(.mf-account-link),
  .mf-site-header nav button {
    font-size: 16px !important;
  }

  .mf-site-header .mf-primary-nav,
  header.mf-site-header .mf-primary-nav {
    column-gap: 25px !important;
    gap: 25px !important;
  }
}

button,
.btn,
.button,
.mf-btn {
  font-family: var(--mf-interface-final) !important;
  font-synthesis: none !important;
  font-weight: 900;
}