/* PGS Amusements player site: pieces shared by the new compliance pages AND
   injected into the legacy GHL mirror pages (index, digital-art).
   Everything is scoped (.pp-footer, .pgsa-*) so it cannot restyle the mirror. */

/* ---------- Legacy mirror header: Help Center button ---------- */
/* GHL gives the header's button columns fixed percentage widths (~140px), so a
   fourth button wrapped and the live site already pushed MORE off-screen at
   tablet widths. Size the button columns to their buttons and let the logo
   column take (and give up) the rest. Scoped to the header row that holds the
   Help Center button; child combinators keep it off the outer layout columns. */
.c-row:has(#button-help_btn) .c-column:has(> .inner > .c-button) {
  flex: 0 0 auto !important; width: auto !important; max-width: none !important;
}
.c-row:has(#button-help_btn) .c-column:not(:has(.c-button)) { min-width: 0; }
.inner:has(> .c-button > #button-help_btn) { width: auto !important; flex: 0 0 auto !important; }
.c-button.c-wrapper:has(#button-help_btn) {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap;
  align-items: center; justify-content: flex-end; gap: 21px;
  width: auto !important; white-space: nowrap;
}
#button-help_btn { margin: 0 !important; flex: 0 0 auto; }
@media (max-width: 1100px) { .c-button.c-wrapper:has(#button-help_btn) { gap: 12px; } }
@media (max-width: 767px) {
  .c-row:has(#button-help_btn) .c-column:has(> .inner > .c-button) { flex: 1 1 auto !important; width: 100% !important; }
  .inner:has(> .c-button > #button-help_btn) { width: 100% !important; }
  .c-button.c-wrapper:has(#button-help_btn) { flex-wrap: wrap; justify-content: center; gap: 12px; width: 100% !important; }
}
/* The GHL mobile menu toggle opens an empty menu (its script is not part of
   the static mirror), so hide it; the header buttons carry the navigation. */
.nav-menu-mobile { display: none !important; }

/* ---------- Homepage responsible-gameplay statement ---------- */
.pgsa-rsg {
  position: relative; z-index: 2;
  background: linear-gradient(90deg, #1d0934 0%, #3b1263 50%, #1d0934 100%);
  border-top: 1px solid rgba(246, 67, 247, .35);
  border-bottom: 1px solid rgba(246, 67, 247, .35);
  color: #fff; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.pgsa-rsg-inner {
  max-width: 1240px; margin: 0 auto; padding: 16px 20px;
  display: flex; align-items: center; justify-content: center; gap: 12px;
}
.pgsa-rsg-icon { flex: 0 0 auto; color: #37ca37; }
.pgsa-rsg p { margin: 0; font-size: 16px; line-height: 1.5; text-align: center; }
.pgsa-rsg strong { font-weight: 800; letter-spacing: .01em; }
.pgsa-rsg a { color: #8cf58c; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.pgsa-rsg a:hover, .pgsa-rsg a:focus-visible { color: #fff; }
@media (max-width: 600px) {
  .pgsa-rsg-inner { align-items: flex-start; padding: 14px 16px; }
  .pgsa-rsg p { font-size: 15px; text-align: left; }
  .pgsa-rsg-icon { margin-top: 2px; }
}

/* ---------- Card-brand rows ---------- */
.pp-cards { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.pp-cards li { display: inline-flex; }
.pp-cards img { display: block; height: 32px; width: auto; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
.pgsa-pay { background: #0b0a10; color: #e9e4f2; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, .06); }
.pgsa-pay-inner { max-width: 1100px; margin: 0 auto; padding: 22px 20px;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; }
.pgsa-pay-label { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: .02em; }
.pgsa-pay .pp-cards img { height: 40px; }

/* ---------- Compliance footer ---------- */
.pp-footer {
  --ppf-bg: #0d0718; --ppf-text: #cfc6df; --ppf-muted: #9d92b3; --ppf-head: #6fe3d4; --ppf-link: #ffffff;
  background: radial-gradient(1200px 400px at 50% 0%, rgba(123, 29, 177, .28), transparent 70%), var(--ppf-bg);
  color: var(--ppf-text); border-top: 1px solid rgba(246, 67, 247, .25);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 15px; line-height: 1.55; text-align: left;
}
.pp-footer *, .pp-footer *::before, .pp-footer *::after { box-sizing: border-box; }
.pp-footer-wrap { max-width: 1160px; margin: 0 auto; padding: 44px 20px 28px; }
.pp-footer-top { display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
  padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.pp-footer-logo img { display: block; width: 102px; height: auto; }
.pp-footer-rsg { margin: 0; flex: 1 1 320px; color: #fff; font-size: 16px; }
.pp-footer-rsg strong { font-weight: 800; }
.pp-footer a { color: var(--ppf-link); text-decoration: none; }
.pp-footer a:hover, .pp-footer a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.pp-footer-rsg a { color: #8cf58c; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.pp-footer-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 36px; padding: 28px 0; }
.pp-footer-col h2 { margin: 0 0 12px; font-size: 13px; font-weight: 800; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ppf-head); }
.pp-footer-col ul { list-style: none; margin: 0; padding: 0; }
.pp-footer-col li { margin: 0 0 9px; }
.pp-footer-mail { color: var(--ppf-text) !important; word-break: break-word; }
.pp-footer-hours { margin: 12px 0 0; color: var(--ppf-muted); font-size: 13.5px; }
.pp-footer-cards { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px;
  padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .08); color: var(--ppf-muted); font-size: 14px; }
.pp-footer-legal { padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .08); color: var(--ppf-muted); font-size: 13.5px; }
.pp-footer-legal p { margin: 0 0 4px; }
@media (max-width: 900px) { .pp-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .pp-footer-cols { grid-template-columns: 1fr; gap: 22px; }
  .pp-footer-wrap { padding: 36px 16px 24px; }
}