/*
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;
}

/* ===== Sympla-like: zoom só na imagem, card não mexe ===== */

/* 1) remove o "pulo" do card (se existir) */
.product-item .card-animate:hover {
  transform: none !important;
}

/* 2) garante corte do zoom */
.product-item .explore-place-bid-img {
  overflow: hidden;
}

/* 3) transição suave na imagem */
.product-item .explore-place-bid-img img {
  transition: transform .35s ease;
  will-change: transform;
}

/* 4) zoom dispara no hover do card inteiro (imagem + texto) */
.product-item .explore-box:hover .explore-place-bid-img img {
  transform: scale(1.06);
}

/* ===============================
   SYMPLA PREMIUM HOVER EFFECT
   =============================== */

/* garante corte do zoom */
.card.explore-box .explore-place-bid-img {
  overflow: hidden;
}

/* imagem base */
.card.explore-box .explore-place-bid-img img {
  transition: transform .45s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

/* zoom suave */
.card.explore-box:hover .explore-place-bid-img img {
  transform: scale(1.07);
}

/* overlay fade suave */
.card.explore-box .bg-overlay {
  opacity: 0;
  transition: opacity .35s ease;
  backdrop-filter: blur(0px);
}

.card.explore-box:hover .bg-overlay {
  opacity: .55;
  backdrop-filter: blur(2px);
}

/* botão micro interação */
.card.explore-box .place-bid-btn {
  transform: translateY(8px) scale(.96);
  opacity: 0;
  transition: all .35s cubic-bezier(.22, .61, .36, 1);
}

/* botão aparece elegante */
.card.explore-box:hover .place-bid-btn {
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* leve lift do card sem pular layout */
.card.explore-box {
  transition: box-shadow .35s ease;
}

.card.explore-box:hover {
  box-shadow: 0 18px 38px rgba(0, 0, 0, .18);
}

/* ===============================
   FOCUS CONTEXT EFFECT (premium feel)
   =============================== */

/* container dos cards */
#proximosEventos .product-item {
  transition: filter .25s ease, opacity .25s ease;
}

/* quando passa o mouse na área de cards */
#proximosEventos:hover .product-item {
  opacity: .55;
  filter: saturate(.7) brightness(.9);
}

/* o card ativo volta ao normal */
#proximosEventos .product-item:hover {
  opacity: 1 !important;
  filter: none !important;
  z-index: 2;
}

/* profundidade na imagem */
.card.explore-box .explore-place-bid-img img {
  transform-origin: center center;
}

/* zoom com leve parallax */
.card.explore-box:hover .explore-place-bid-img img {
  transform: scale(1.08) translateY(-2px);
}