/*
 * Bloomberg overrides for the Parallels RAS User Portal (RAS 21.2+, tested on 22.0).
 * Deployed to: 2XHTML5Gateway\www\custom\override.css
 *
 * Look borrowed from BBE web (rpd/bbe-web: ui-src/public/static/css/main.scss, error.html):
 * black page with a diamond tile, black header, #232323 cards, #0062dd buttons.
 *
 * Text is configured in portal-text.txt (not here).
 *
 * Hooks set by override.js (Vue's [data-v-xxxx] attributes change every RAS build - don't use them):
 *   data-bbg="header-text | redirect-message | button-text | copyright | builtin-redirect-hint | download-client"
 *   data-bbg-region="header | dialog | workarea | workarea-art"
 * .footer / .footer-links / .copyright are Parallels' own (unhashed) class names.
 */

/* BBE font (AvenirNextPForBBG), copied from rpd/bbe-web ui-src/public/static/fonts */
@font-face {
  font-family: "AvenirNextPForBBG-Regular";
  src: url("fonts/AvenirNextPForBBG-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "AvenirNextPForBBG-Medium";
  src: url("fonts/AvenirNextPForBBG-Medium.woff") format("woff");
  font-display: swap;
}

:root {
  --bbg-black: #000;
  --bbg-card: #232323;
  --bbg-card-border: #141414;
  --bbg-divider: #646464;
  --bbg-text: #fff;
  --bbg-text-muted: #a5a5a5;
  --bbg-link: #66abff;
  --bbg-btn: #0062dd;
  --bbg-btn-hover: #6aacfc;
  --bbg-btn-active: #0c54b8;
  --bbg-focus: #3391fc;
  --bbg-font: "AvenirNextPForBBG-Regular", "Helvetica", "Arial", sans-serif;
}

/* ---- Page background ---------------------------------------------------- */

html,
body,
[data-bbg-region="workarea"] {
  background: var(--bbg-black) url("img/background-tile.svg") repeat !important;
  background-position-x: -1px !important;
}

/* Theme background shapes drawn as a full-screen <img>/<svg> */
[data-bbg-region="workarea-art"] {
  display: none !important;
}

/* ---- Header -------------------------------------------------------------- */

[data-bbg-region="header"] {
  background: var(--bbg-black) !important;
  border-bottom: 1px solid var(--bbg-card) !important;
  color: var(--bbg-text) !important;
}

[data-bbg-region="header"] a {
  color: var(--bbg-link) !important;
}

/* Default Parallels logo is black - invert it so it stays visible on black.
   Not needed once the Theme's Company logo is the white Bloomberg logo. */
[data-bbg-region="header"] img[src*="parallels-logo"] {
  filter: invert(1);
}

/* Header icons (language globe, user menu) */
[data-bbg-region="header"] svg,
[data-bbg-region="header"] [class*="icon"] {
  color: var(--bbg-text) !important;
  fill: currentColor;
}

/* "Download Client" link. Tagged only when [HideDownloadClient] is "yes" in portal-text.txt. */
[data-bbg="download-client"] {
  display: none !important;
}

/* "Bloomberg Employee", styled like BBE's ".logo-extra" */
[data-bbg="header-text"] {
  color: #f8f8fa !important;
  font-family: var(--bbg-font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 0 0 0 10px;
  margin-left: 10px;
  border-left: 1px solid var(--bbg-divider);
}

/* [HeaderText] left empty in portal-text.txt: hide the divider too */
[data-bbg="header-text"]:empty {
  display: none !important;
}

/* ---- Redirect dialog ----------------------------------------------------- */

[data-bbg-region="dialog"] {
  background: var(--bbg-card) !important;
  border: 1px solid var(--bbg-card-border) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .6) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: var(--bbg-text) !important;
  font-family: var(--bbg-font);
}

[data-bbg="redirect-message"] {
  color: var(--bbg-text) !important;
  font-family: var(--bbg-font);
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px;
  max-width: 26rem;
  white-space: pre-line; /* keep the line/paragraph breaks typed in portal-text.txt */
}

/* **bold** text from portal-text.txt */
[data-bbg="redirect-message"] strong {
  font-family: "AvenirNextPForBBG-Medium", "Helvetica", "Arial", sans-serif !important;
  font-weight: 700 !important;
}

/* Built-in "If you have not been automatically redirected..." text (newer builds).
   Tagged only when [HideParallelsRedirectText] is "yes" in portal-text.txt. */
[data-bbg="builtin-redirect-hint"] {
  display: none !important;
}

/* Redirect button: BBE primary button */
[data-bbg-region="dialog"] button {
  background: var(--bbg-btn) !important;
  color: var(--bbg-text) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: "AvenirNextPForBBG-Medium", "Helvetica", "Arial", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: .3px;
  padding: 0 20px !important;
  min-height: 32px;
  cursor: pointer;
}

/* Redirect / Complete Launch button on the right of the card.
   display:block buttons keep their own width; margin-left:auto pushes them right
   in both block and flex layouts. */
[data-bbg-region="dialog"] button:has([data-bbg="button-text"]),
[data-bbg-region="dialog"] button[data-bbg="button-text"] {
  display: block !important;
  margin-left: auto !important;
  margin-top: 16px !important;
}

[data-bbg-region="dialog"] button:hover {
  background: var(--bbg-btn-hover) !important;
}

[data-bbg-region="dialog"] button:focus-visible {
  outline: 2px solid var(--bbg-focus) !important;
}

[data-bbg-region="dialog"] button:active {
  background: var(--bbg-btn-active) !important;
}

/* ---- Footer -------------------------------------------------------------- */

.footer {
  color: var(--bbg-text-muted) !important;
  font-size: 12px;
}

.copyright {
  color: var(--bbg-text-muted) !important;
  font-family: var(--bbg-font);
  opacity: 1 !important;
}

/* Copyright centred at the bottom. Full width (also as a flex item) so
   text-align can centre it, whether override.js tagged .copyright or a child. */
.copyright,
[data-bbg="copyright"] {
  display: block !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  text-align: center !important;
}

.footer-links {
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.footer-links a {
  color: var(--bbg-text-muted) !important;
}

.footer-links a:hover {
  color: var(--bbg-text) !important;
}