/**
 * BeastBrowser — Premium theme (all pages)
 * White + blue + soft purple/pink accents
 */
:root {
  --bb-blue: #3b5bdb;
  --bb-blue-bright: #4f6df5;
  --bb-blue-dark: #364fc7;
  --bb-purple: #7c3aed;
  --bb-pink: #ec4899;
  --bb-slate-900: #0f172a;
  --bb-slate-700: #334155;
  --bb-slate-600: #475569;
  --bb-slate-500: #64748b;
  --bb-bg: #ffffff;
  --bb-bg-soft: #f8fafc;
}

html {
  overflow-x: clip;
}

body.bb-premium-site {
  background: var(--bb-bg);
  color: var(--bb-slate-600);
  overflow-x: clip;
  width: 100%;
  max-width: 100vw;
}

/* Navbar must stay fixed (never use body > * { position:relative }) */
#bb-nav-shell {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
}

/* Homepage / main content sits below fixed nav */
body.bb-home-page main.bb-home-main {
  padding-top: 5.25rem;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body.bb-premium-site section,
body.bb-premium-site main,
body.bb-premium-site footer {
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100%;
}

/* Premium page background glow — on main only (no body::before stacking bugs) */
body.bb-home-page main.bb-home-main {
  background:
    radial-gradient(ellipse 55% 40% at 8% 0%, rgba(236, 72, 153, 0.07) 0%, transparent 50%),
    radial-gradient(ellipse 50% 35% at 92% 2%, rgba(79, 109, 245, 0.09) 0%, transparent 50%),
    #fff;
}

/* —— Unique premium footer (dark mesh gradient) —— */
body.bb-premium-site footer.bb-foot-premium,
body.bb-premium-site footer.bb-foot.bb-foot-premium {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, #0f172a 0%, #1e293b 38%, #1e1b4b 72%, #312e81 100%) !important;
  color: #cbd5e1 !important;
  border-top: none !important;
}

body.bb-premium-site footer.bb-foot-premium::before,
body.bb-premium-site footer.bb-foot.bb-foot-premium::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 90% at 5% 100%, rgba(79, 109, 245, 0.28), transparent 55%),
    radial-gradient(ellipse 55% 70% at 95% 0%, rgba(124, 58, 237, 0.22), transparent 50%),
    radial-gradient(ellipse 45% 45% at 50% 40%, rgba(236, 72, 153, 0.1), transparent 55%);
}

body.bb-premium-site footer.bb-foot-premium > *,
body.bb-premium-site footer.bb-foot.bb-foot-premium > * {
  position: relative;
  z-index: 1;
}

body.bb-premium-site footer.bb-foot-premium h3,
body.bb-premium-site footer.bb-foot.bb-foot-premium h3,
body.bb-premium-site footer.bb-foot-premium .text-white {
  color: #f8fafc !important;
}

body.bb-premium-site footer.bb-foot-premium .text-gray-300,
body.bb-premium-site footer.bb-foot-premium .text-gray-400,
body.bb-premium-site footer.bb-foot.bb-foot-premium .text-gray-400 {
  color: #94a3b8 !important;
}

body.bb-premium-site footer.bb-foot-premium a:hover,
body.bb-premium-site footer.bb-foot.bb-foot-premium a:hover {
  color: #93c5fd !important;
}

body.bb-premium-site footer.bb-foot-premium input,
body.bb-premium-site footer.bb-foot.bb-foot-premium input {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f1f5f9 !important;
}

body.bb-premium-site footer.bb-foot-premium input::placeholder {
  color: #64748b !important;
}

body.bb-premium-site footer.bb-foot-premium .border-gray-800,
body.bb-premium-site footer.bb-foot-premium .border-gray-700,
body.bb-premium-site footer.bb-foot.bb-foot-premium .border-gray-800 {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

body.bb-premium-site footer.bb-foot-premium .bg-gray-800 {
  background: rgba(255, 255, 255, 0.06) !important;
}

body.bb-premium-site footer.bb-foot .focus\:ring-primary-orange:focus {
  --tw-ring-color: var(--bb-blue-bright) !important;
}

/* Keep gradient text safe; do NOT globally force bg-clip-text */
body.bb-premium-site .gradient-text {
  background-image: linear-gradient(135deg, var(--bb-blue-bright), var(--bb-purple)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* —— Solid gradient BUTTONS / badges only (white text, not clip-text) —— */
body.bb-premium-site a.bg-gradient-to-r.from-primary-orange.to-primary-red.text-white,
body.bb-premium-site button.bg-gradient-to-r.from-primary-orange.to-primary-red,
body.bb-premium-site .download-btn.bg-gradient-to-r,
body.bb-premium-site footer.bb-foot button[type='submit'],
body.bb-premium-site footer.bb-foot a.bg-gradient-to-r.from-primary-orange.to-primary-red.text-white,
body.bb-premium-site .bb-footer-trust button[type='submit'],
body.bb-premium-site .bb-btn-p,
body.bb-premium-site div.inline-flex.bg-gradient-to-r.from-primary-orange.to-primary-red.text-white {
  background-color: transparent !important;
  background-image: linear-gradient(135deg, var(--bb-blue-bright), var(--bb-purple)) !important;
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
  border: none;
}

body.bb-premium-site #pricing-section .bb-featured {
  background-image: linear-gradient(135deg, var(--bb-blue-bright), var(--bb-purple)) !important;
  background-color: transparent !important;
}

/* Nav dropdowns — readable dark text on white panel */
body.bb-premium-site .bb-nav-dropdown,
body.bb-premium-site #main-nav [class*="group-hover/menu"] .rounded-2xl {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}

body.bb-premium-site .bb-nav-dropdown a,
body.bb-premium-site .bb-nav-dropdown .text-xs,
body.bb-premium-site .bb-nav-dropdown .font-bold {
  color: #334155 !important;
}

body.bb-premium-site .bb-nav-dropdown a:hover {
  color: #0f172a !important;
  background-color: #f8fafc !important;
}

body.bb-premium-site .bb-nav-dropdown .opacity-50,
body.bb-premium-site .bb-nav-dropdown span.text-\[10px\] {
  color: #64748b !important;
  opacity: 1 !important;
}

body.bb-premium-site #main-nav .nav-item {
  color: #475569 !important;
}

body.bb-premium-site #main-nav .nav-item:hover {
  color: #4f6df5 !important;
}