/* Match the BOM shop's pale violet surfaces without changing phpBB layout. */
:root {
  --jca-panel: #ffffff;
  --jca-panel-2: #f7f4ff;
  --jca-silver: #392f78;
  --jca-muted: #626071;
}
html { background: #f6f3fb !important; }
body#phpbb {
  background: radial-gradient(circle at 78% 8%, rgba(90,75,161,.13), transparent 24rem), linear-gradient(180deg, #fff 0%, #f6f3fb 52%, #e9e5f7 100%) !important;
  color: #333333;
}
#phpbb #wrap, #phpbb .navbar, #phpbb .forabg, #phpbb .forumbg,
#phpbb .panel, #phpbb .post, #phpbb .bg1, #phpbb .bg2, #phpbb .bg3,
#phpbb .dropdown-contents, #phpbb .jca-share-menu {
  background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(246,244,255,.58)), rgba(255,255,255,.68) !important;
  color: #333333 !important;
  border-color: rgba(119,103,184,.18) !important;
  box-shadow: 0 18px 42px rgba(75,59,138,.13), inset 0 1px 0 rgba(255,255,255,.92);
}
#phpbb .headerbar { background-color: #f6f3fb !important; border-color: rgba(119,103,184,.18) !important; box-shadow: none; }
#phpbb .headerbar::before { opacity: 1; }
#phpbb ul.forums, #phpbb ul.topics { background: transparent; }
#phpbb ul.topiclist li.row { background: rgba(255,255,255,.82); border-color: rgba(119,103,184,.18); }
#phpbb ul.topiclist li.row:nth-child(even) { background: #f1edf9; }
#phpbb ul.topiclist li.row:hover { background: #eae7fa; }
#phpbb ul.topiclist li.header { background: linear-gradient(145deg,#f4f0ff,#e8e2f8); }
#phpbb ul.topiclist li.header dt, #phpbb ul.topiclist li.header dd { color: #392f78; }
#phpbb h2, #phpbb h3, #phpbb h2 a, #phpbb h3 a,
#phpbb .panel h2, #phpbb .panel h3, #phpbb .stat-block h3 { color: #4e3c7f !important; text-shadow: none !important; border-color: rgba(119,103,184,.18); }
#phpbb a, #phpbb a:visited { color: #4f438d !important; text-shadow: none !important; }
#phpbb a:hover { color: #392f78 !important; }
#phpbb .panel p, #phpbb .panel li, #phpbb .panel dd, #phpbb .panel dt,
#phpbb .panel label, #phpbb .panel legend, #phpbb .panel strong,
#phpbb .postbody, #phpbb .content, #phpbb .content p, #phpbb .content li, #phpbb .content span,
#phpbb .postprofile, #phpbb .postprofile dd, #phpbb .postprofile dt, #phpbb .postprofile strong, #phpbb .postprofile span,
#phpbb .stat-block, #phpbb .stat-block p, #phpbb label, #phpbb fieldset dd,
#phpbb input[type="checkbox"] + label, #phpbb input[type="radio"] + label { color: #333333 !important; text-shadow: none !important; }
#phpbb .copyright, #phpbb .author, #phpbb .author span, #phpbb .notice, #phpbb .signature,
#phpbb .panel .help, #phpbb .panel .explain, #phpbb .genmed { color: #626071 !important; }
#phpbb .postprofile, #phpbb dd, #phpbb hr { border-color: rgba(119,103,184,.22) !important; }
#phpbb input.inputbox, #phpbb textarea.inputbox, #phpbb select {
  background: rgba(255,255,255,.92) !important; color: #333333 !important; border-color: #a89fc4 !important;
}
#phpbb input::placeholder, #phpbb textarea::placeholder { color: #626071 !important; }
#phpbb .button, #phpbb .button1, #phpbb .button2, #phpbb .button3,
#phpbb .navbar .linklist > li > a, #phpbb .navbar .dropdown-trigger,
#phpbb .bom-header-home, #phpbb #username_logged_in .header-profile .header-avatar.dropdown-trigger,
#phpbb .tabs .tab > a, #phpbb .minitabs .tab > a, #phpbb .navigation a {
  color: #392f78 !important; text-shadow: none !important;
  background: linear-gradient(145deg,rgba(255,255,255,.82),rgba(229,223,250,.68)) !important;
  border-color: rgba(119,103,184,.25) !important;
  box-shadow: 0 4px 12px rgba(75,59,138,.12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#phpbb .button .icon, #phpbb .button1 .icon, #phpbb .button2 .icon, #phpbb .bom-header-home .icon,
#phpbb #username_logged_in .header-profile .header-avatar.dropdown-trigger * { color: inherit !important; text-shadow: none !important; }
#phpbb .button:hover, #phpbb .button1:hover, #phpbb .button2:hover,
#phpbb .navbar .linklist > li > a:hover, #phpbb .bom-header-home:hover,
#phpbb .tabs .activetab > a, #phpbb .minitabs .activetab > a, #phpbb .navigation .active-subsection a { background: #e4ddf6 !important; }
#phpbb blockquote, #phpbb .codebox { background-color: #f2eefb !important; border-color: #c8bfdc !important; color: #333 !important; }
#phpbb .codebox code, #phpbb .codebox p, #phpbb blockquote cite { color: #4f438d !important; }
#phpbb .rules { background: #fff8e8; color: #694d16; border-color: #e4ce9d; }
#phpbb .error, #phpbb .panel .error { color: #a61b3b !important; }
#phpbb .success, #phpbb .panel .success { color: #25673d !important; }
#phpbb .jca-ai-assist { background: #f1edf9; border-color: #c8bfdc; }
#phpbb .jca-ai-assist__heading, #phpbb .jca-ai-assist__heading strong, #phpbb .jca-ai-assist__heading span, #phpbb .jca-ai-assist__status { color: #4f438d !important; }
#phpbb a:focus-visible, #phpbb button:focus-visible, #phpbb input:focus-visible { outline: 2px solid #5a4ba1; outline-offset: 3px; }
@media (max-width:720px) {
  body#phpbb { background: radial-gradient(circle at 74% 6%,rgba(207,191,245,.34),transparent 28rem),linear-gradient(180deg,#fdfbff 0%,#f7f4ff 46%,#fffefe 100%) !important; }
}
@media (max-width:700px) {
  #phpbb #wrap { box-sizing: border-box; width: calc(100% - 16px); margin-left: auto; margin-right: auto; }
  #phpbb ul.topiclist dt { box-sizing: border-box; max-width: 100%; }
}

/* Community artwork fitted to the existing wide header. */
#phpbb .headerbar::before {
  background-image: url('./images/bom-community-panoramic-20260919.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 1.5%, #000 98.5%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 1.5%, #000 98.5%, transparent);
  box-shadow: inset 0 0 14px rgba(246,243,251,.3);
}