/*This makes sure that the menu background is transparent and functions as an overlay*/
[data-header-style="Overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: transparent;
}
[data-header-dark="Dark"] .brxe-nav-menu {
  color: #606162;
}
[data-header-dark="Dark"] .brxe-heading {
  color: #606162;
}
/* Target the specific "Descargar" Tickera ticket download links inside the .order-details table */
.order-details a[href*="ticket"] {
  display: inline-block;
  padding: var(--ev-space-3xs) var(--ev-space-xs);
  background-color: var(--ev-secondary);
  /* Blue background */
  color: #ffffff;
  /* White text */
  text-align: center;
  text-decoration: none;
  /* Remove underline */
  border-radius: var(--ev-radius-xl);
  /* Rounded corners */
  font-size: var(--ev-text-m);
  /* Adjust font size */
  transition: background-color 0.3s ease;
  cursor: pointer;
  /* Pointer cursor to indicate it's clickable */
}
/* Add a hover effect */
.order-details a[href*="ticket"]:hover {
  background-color: #829c21;
  /* Darker blue on hover */
}
/*Targets the cart word that shows up in the buy ticket shortcode area when the cart has a ticket loaded*/
.tc_in_cart a[href*="tickets-cart"] {
  display: inline-block;
  padding: var(--ev-space-3xs) var(--ev-space-xs);
  background-color: var(--ev-secondary);
  /* Blue background */
  color: #ffffff;
  /* White text */
  text-align: center;
  text-decoration: none;
  /* Remove underline */
  border-radius: var(--ev-radius-xl);
  /* Rounded corners */
  font-size: var(--ev-text-m);
  /* Adjust font size */
  transition: background-color 0.3s ease;
  cursor: pointer;
  /* Pointer cursor to indicate it's clickable */
}
/*Tickera button configuration*/
.tickera-button {
  display: inline-block;
  padding: var(--ev-space-3xs) var(--ev-space-xs);
  background-color: var(--ev-secondary);
  /* Blue background */
  color: #ffffff;
  /* White text */
  text-align: center;
  text-decoration: none;
  /* Remove underline */
  border-radius: var(--ev-radius-xl);
  /* Rounded corners */
  font-size: var(--ev-text-m);
  /* Adjust font size */
  transition: background-color 0.3s ease;
  cursor: pointer;
  /* Pointer cursor to indicate it's clickable */
}
/* Add a hover effect */
.tickera-button:hover {
  background-color: #829c21;
  /* Darker blue on hover */
}
.bricks-button {
  transition: filter 0.2s ease !important;
}
.bricks-button:hover {
  filter: brightness(0.85) !important;
}