/* Beta Badge Fix - Additional styles for better visibility */

/* Ensure parent containers don't clip the badge */
.app-brand-link {
  overflow: visible !important;
  position: relative !important;
}

.navbar-brand {
  overflow: visible !important;
}

.app-brand {
  overflow: visible !important;
}

/* Beta badge with better positioning */
.beta-badge {
  position: absolute !important;
  top: -5px !important;
  right: -40px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: bold !important;
  padding: 2px 8px !important;
  border-radius: 3px !important;
  transform: rotate(15deg) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  z-index: 9999 !important;
  font-family: 'Public Sans', sans-serif !important;
  white-space: nowrap !important;
  min-width: 35px !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Menu beta badge */
.beta-badge-menu {
  position: absolute !important;
  top: -3px !important;
  right: -35px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: bold !important;
  padding: 1px 6px !important;
  border-radius: 2px !important;
  transform: rotate(15deg) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  z-index: 9999 !important;
  font-family: 'Public Sans', sans-serif !important;
  white-space: nowrap !important;
  min-width: 28px !important;
  text-align: center !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Navbar beta badge */
.beta-badge-navbar {
  position: absolute !important;
  top: -5px !important;
  right: -45px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: bold !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  transform: rotate(15deg) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  z-index: 9999 !important;
  font-family: 'Public Sans', sans-serif !important;
  white-space: nowrap !important;
  min-width: 32px !important;
  text-align: center !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Footer beta badge */
.footer-beta {
  position: absolute !important;
  top: -5px !important;
  right: -30px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: bold !important;
  padding: 1px 5px !important;
  border-radius: 2px !important;
  transform: rotate(15deg) !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  z-index: 9999 !important;
  font-family: 'Public Sans', sans-serif !important;
  white-space: nowrap !important;
  min-width: 25px !important;
  text-align: center !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .beta-badge {
    right: -30px !important;
    font-size: 8px !important;
    padding: 1px 5px !important;
    min-width: 25px !important;
  }

  .beta-badge-menu {
    right: -25px !important;
    font-size: 7px !important;
    padding: 1px 4px !important;
    min-width: 20px !important;
  }

  .beta-badge-navbar {
    right: -35px !important;
    font-size: 8px !important;
    padding: 1px 5px !important;
    min-width: 25px !important;
  }

  .footer-beta {
    right: -20px !important;
    font-size: 7px !important;
    padding: 1px 3px !important;
    min-width: 18px !important;
  }
}