/* BetZap - Ajuste Menu Principal V2.1 */

/* Largura e tipografia */
body:not(.admin) .side {
  width: 260px !important;
  min-width: 260px !important;
}

body:not(.admin) .side,
body:not(.admin) .side * {
  font-family: 'Montserrat', system-ui, sans-serif !important;
}

body:not(.admin) .side .btr-sidebar {
  gap: 24px !important;
}

/* Grade de seis atalhos */
body:not(.admin) .side .btr-quick-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px !important;
}

body:not(.admin) .side .btr-quick-card {
  min-height: 87px !important;
  padding: 10px 8px !important;
  gap: 7px !important;
  border-radius: 11px !important;
  justify-content: space-between !important;
}

/* Fonte dos cards */
body:not(.admin) .side
.btr-quick-card .btr-quick-title {
  font-size: 10px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: -.15px !important;
  overflow-wrap: break-word;
}

/* Icones proporcionais */
body:not(.admin) .side .btr-quick-card > svg {
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  align-self: flex-end !important;
  color: #00d7a1 !important;
}

/* Titulos de secao */
body:not(.admin) .side .btr-section-title {
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 600 !important;
}

body:not(.admin) .side .btr-section-title svg {
  width: 17px !important;
  height: 17px !important;
}

/* Ver todos */
body:not(.admin) .side a.btr-see-all {
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 6px 10px !important;
}

/* Linhas das categorias */
body:not(.admin) .side a.btr-menu-item {
  min-height: 39px !important;
  padding: 9px 11px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
  gap: 9px !important;
}

body:not(.admin) .side .btr-menu-item svg {
  width: 17px !important;
  height: 17px !important;
}

/* Outros links */
body:not(.admin) .side .btr-other-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 17px !important;
}

/* Suporte */
body:not(.admin) .side .sidefoot a {
  min-height: 46px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Em telas pequenas, respeitar a largura
   disponivel e evitar corte horizontal */
@media (max-width: 700px) {
  body:not(.admin) .side {
    width: min(280px, 92vw) !important;
    min-width: 0 !important;
    max-width: 92vw !important;
  }

  body:not(.admin) .side .btr-quick-card {
    min-height: 82px !important;
  }
}
