/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/


/* Prevent nested spans from blocking anchor clicks in sidebar */
.navbar-menu .nav-link [data-key] { pointer-events: none; }

/* Grid fix escopado para a listagem de gravações (não afeta outras páginas) */
#proximosEventos .row {
  display: flex !important;
  flex-wrap: wrap !important;
}
#proximosEventos .row > * {
  flex: 0 0 auto;
}

/* Fix: Menu lateral recolhido deve ficar fixo e sem barra de rolagem desnecessária */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu {
  position: fixed !important;
}

/* Fix: Previne barra de rolagem vertical no menu mas mantém overflow visible para submenus */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu .simplebar-scrollbar {
  display: none !important;
}

/* Fix: Menu lateral com hover também deve ficar fixo */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu {
  position: fixed !important;
}

/* Fix: Previne overflow horizontal desnecessário quando o menu está recolhido */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] body {
  overflow-x: hidden !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .page-content {
  overflow-x: hidden !important;
}

/* Fix: Substitui altura mínima fixa por 100vh para evitar barra de rolagem desnecessária */
@media (min-width: 768px) {
  :is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] {
    min-height: 100vh !important;
  }

  /* Override: app.css define min-height: 1400px em sm/sm-hover e isso cria scrollbar */
  :is([data-layout=vertical], [data-layout=semibox]):is([data-sidebar-size=sm], [data-sidebar-size=sm-hover], [data-sidebar-size=sm-hover-active]) {
    min-height: 100vh !important;
  }

  :is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] #layout-wrapper {
    min-height: 100vh !important;
    position: relative !important;
  }

  :is([data-layout=vertical], [data-layout=semibox]):is([data-sidebar-size=sm], [data-sidebar-size=sm-hover], [data-sidebar-size=sm-hover-active]) #layout-wrapper,
  :is([data-layout=vertical], [data-layout=semibox]):is([data-sidebar-size=sm], [data-sidebar-size=sm-hover], [data-sidebar-size=sm-hover-active]) .main-content {
    min-height: 100vh !important;
  }

  :is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .main-content {
    min-height: calc(100vh - 60px) !important;
  }

  :is([data-layout=vertical], [data-layout=semibox])[data-layout-style=detached][data-sidebar-size=sm] #layout-wrapper,
  :is([data-layout=vertical], [data-layout=semibox])[data-layout-style=detached][data-sidebar-size=sm] .main-content {
    min-height: 100vh !important;
  }

  [data-layout-width=boxed][data-sidebar-size=sm][data-layout=vertical] #layout-wrapper {
    min-height: 100vh !important;
  }
}

/* Fix: Menu recolhido precisa de overflow visible para submenus suspensos */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu {
  overflow: visible !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm] .navbar-menu #scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=sm-hover] .navbar-menu #scrollbar {
  overflow: visible !important;
}

/* Fix: Menu expandido - remove barra de rolagem e previne scroll desnecessário */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: 100vh !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu .simplebar-content-wrapper {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu .simplebar-scrollbar {
  display: none !important;
}

:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu #scrollbar {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: calc(100vh - 100px) !important;
}

/* Fix: Previne barra de rolagem horizontal no menu (especialmente no Safari) */
:is([data-layout=vertical], [data-layout=semibox]) .app-menu {
  overflow-x: hidden !important;
}

:is([data-layout=vertical], [data-layout=semibox]) .navbar-menu {
  overflow-x: hidden !important;
}

:is([data-layout=vertical], [data-layout=semibox]) .navbar-menu #scrollbar {
  overflow-x: hidden !important;
  max-width: 100%;
}

:is([data-layout=vertical], [data-layout=semibox]) .navbar-menu .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

/* Fix: Esconde barra de rolagem no Safari - APENAS menu expandido */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .app-menu::-webkit-scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu::-webkit-scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu #scrollbar::-webkit-scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu .simplebar-content-wrapper::-webkit-scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu .simplebar-track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Suporte adicional para scrollbar invisível no Safari - APENAS menu expandido */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .app-menu,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu #scrollbar,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar-size=lg] .navbar-menu .simplebar-content-wrapper {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* Fix: Previne overflow do logo e outros elementos do sidebar */
:is([data-layout=vertical], [data-layout=semibox]) .navbar-brand-box {
  overflow: hidden !important;
  max-width: 100%;
}

:is([data-layout=vertical], [data-layout=semibox]) .navbar-brand-box img {
  max-width: 100%;
  height: auto;
}