/* FFV6_LUNA_COLORED_GLASS_BOXES_V1 */

/*
  Keep the flat dark page background and permanent top nav.
  Restore Luna-style pink/violet color only inside glass cards, panels, forms, tables, and CTA elements.
*/

:root{
  --bw-luna-pink:255,118,200;
  --bw-luna-violet:215,140,255;
  --bw-luna-indigo:143,124,255;
  --bw-luna-rose:255,177,220;
}

/* Colored glass panels/cards */
main > *:not(script):not(style):not(link),
.bw-glass,
.bw-card,
.bw-panel,
.bw-module,
.bw-block,
.bw-section,
.bw-surface,
.bw-chat-shell > *,
.bw-video-shell > *,
.bw-live-shell > *,
.bw-install-shell > *,
.bw-cart-shell > *,
.bw-checkout-shell > *,
form,
table,
.bw-table-wrap,
section[class*="bw-"],
div[class*="bw-card"],
div[class*="bw-panel"],
div[class*="bw-section"],
div[class*="bw-module"],
[data-bw-access-role-choice-rebuilt="true"],
[data-bw-access-role-choice-box="true"]{
  background:
    linear-gradient(135deg,
      rgba(var(--bw-luna-pink), .105) 0%,
      rgba(255,255,255,.055) 34%,
      rgba(var(--bw-luna-violet), .095) 68%,
      rgba(var(--bw-luna-indigo), .075) 100%
    ) !important;
  border-color:rgba(var(--bw-luna-rose), .18) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 36px rgba(var(--bw-luna-pink), .055) !important;
}

/* Give large hero/card sections a slightly richer Luna glow */
main > *:first-child,
.bw-hero,
[class*="hero"],
[data-bw-access-role-choice-rebuilt="true"]{
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--bw-luna-pink), .18), transparent 34%),
    radial-gradient(circle at 94% 8%, rgba(var(--bw-luna-indigo), .16), transparent 32%),
    linear-gradient(135deg,
      rgba(255,255,255,.07),
      rgba(var(--bw-luna-violet), .08)
    ) !important;
  border-color:rgba(var(--bw-luna-rose), .20) !important;
}

/* Subtle color accent for nested boxes/stat cards */
main .bw-card,
main .bw-panel,
main [class*="stat"],
main [class*="token"],
main [class*="price"],
main [class*="plan"],
main [class*="choice"],
main [class*="option"],
main [data-bw-access-role-option-row="true"],
main .bw-access-role-clean-row{
  background:
    linear-gradient(135deg,
      rgba(var(--bw-luna-pink), .07),
      rgba(255,255,255,.045) 48%,
      rgba(var(--bw-luna-indigo), .06)
    ) !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* CTA buttons get the old Luna accent back */
button,
input[type="submit"],
input[type="button"],
a.bw-btn,
.bw-btn,
a[class*="btn"],
button[class*="btn"],
.bw-access-role-clean-row[data-selected="true"]{
  background:
    linear-gradient(135deg,
      rgba(var(--bw-luna-pink), .92),
      rgba(var(--bw-luna-violet), .72),
      rgba(var(--bw-luna-indigo), .76)
    ) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff7fd !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 28px rgba(var(--bw-luna-pink), .18) !important;
}

/* Secondary/small nav buttons stay flatter so the top bar does not become a floating blob */
#bw-static-global-public-nav-v1 a,
#bw-static-global-public-nav-v1 button{
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

#bw-static-global-public-nav-v1 a:hover,
#bw-static-global-public-nav-v1 button:hover{
  background:rgba(var(--bw-luna-pink), .10) !important;
  border-color:rgba(var(--bw-luna-rose), .18) !important;
}

/* Inputs get a mild Luna border/glow */
input,
textarea,
select{
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.065),
      rgba(var(--bw-luna-indigo), .045)
    ) !important;
  border-color:rgba(var(--bw-luna-rose), .16) !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:rgba(var(--bw-luna-pink), .44) !important;
  box-shadow:0 0 0 3px rgba(var(--bw-luna-pink), .10) !important;
}

/* Tables and account/status blocks */
th{
  color:#fff7fd !important;
}

td,
th{
  border-bottom-color:rgba(var(--bw-luna-rose), .10) !important;
}

/* Small badges regain Luna color */
.badge,
.pill,
.kicker,
.eyebrow,
.bw-badge,
.bw-pill,
.bw-kicker,
.bw-eyebrow,
[class*="badge"],
[class*="pill"],
[class*="kicker"],
[class*="eyebrow"]{
  background:rgba(var(--bw-luna-pink), .12) !important;
  border-color:rgba(var(--bw-luna-rose), .18) !important;
  color:#fff7fd !important;
}

/* Preserve explicit cleanup pages that removed unwanted brand/pill artifacts */
.bw-star-brand-chip-removed{
  display:none !important;
}