.pp-card-face.pp-card-front .pp-card-mini,
.pp-card-front .pp-card-mini,
.pp-promo-card-front .pp-card-mini,
.pp-card-face.pp-card-front dl.pp-card-mini,
.pp-card-front dl.pp-card-mini,
.pp-promo-card-front dl.pp-card-mini {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* Promo card border colour follows the CTA/status colour. */
body.ppcr-control-room-page .pp-promo-card {
  --pp-card-status-border: rgba(83, 240, 63, 0.48);
  --pp-card-status-glow: rgba(83, 240, 63, 0.12);
}

body.ppcr-control-room-page .pp-promo-card.pp-verified,
body.ppcr-control-room-page .pp-verified {
  --pp-card-status-border: rgba(83, 240, 63, 0.52);
  --pp-card-status-glow: rgba(83, 240, 63, 0.14);
}

body.ppcr-control-room-page .pp-promo-card.pp-expiring,
body.ppcr-control-room-page .pp-expiring {
  --pp-card-status-border: rgba(255, 157, 24, 0.62);
  --pp-card-status-glow: rgba(255, 157, 24, 0.16);
}

body.ppcr-control-room-page .pp-promo-card.pp-trending,
body.ppcr-control-room-page .pp-trending {
  --pp-card-status-border: rgba(180, 76, 255, 0.62);
  --pp-card-status-glow: rgba(180, 76, 255, 0.16);
}

body.ppcr-control-room-page .pp-promo-card.pp-expired,
body.ppcr-control-room-page .pp-expired,
body.ppcr-control-room-page .pp-promo-card.pp-restricted,
body.ppcr-control-room-page .pp-restricted,
body.ppcr-control-room-page .pp-promo-card.pp-risk,
body.ppcr-control-room-page .pp-risk {
  --pp-card-status-border: rgba(255, 69, 69, 0.62);
  --pp-card-status-glow: rgba(255, 69, 69, 0.16);
}

body.ppcr-control-room-page .pp-promo-card .pp-card-face {
  border-color: var(--pp-card-status-border) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24), 0 0 14px var(--pp-card-status-glow) !important;
}

/* Back-card header
   Left column = casino/operator logo.
   Right column = Casino Info Hub + helper text.
   The Verified badge stays on the front only. */
body.ppcr-control-room-page .pp-card-back {
  position: absolute !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-head {
  display: grid !important;
  grid-template-columns: 150px 1fr !important;
  gap: 0.45rem !important;
  align-items: center !important;
  min-height: 150px !important;
  margin-bottom: 0.35rem !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-info {
  position: absolute !important;
  top: 3rem !important;
  left: calc(0.9rem + 150px - 0.9rem) !important;
  right: 1.55rem !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  z-index: 5 !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-info > div {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-info .pp-review-link,
body.ppcr-control-room-page .pp-card-back .pp-card-back-info .is-disabled {
  display: block !important;
  margin: 0 auto 0.3rem !important;
  max-width: 100% !important;
  color: var(--pp-green, #53f03f) !important;
  font-size: 1rem !important;
  line-height: 1.06 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 0 6px rgba(83, 240, 63, 0.25) !important;
  transition: color 0.18s ease, text-shadow 0.18s ease, transform 0.18s ease !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-info .pp-review-link:not(.is-disabled):hover,
body.ppcr-control-room-page .pp-card-back .pp-card-back-info .pp-review-link:not(.is-disabled):focus {
  color: #7cff65 !important;
  text-shadow: 0 0 8px rgba(83, 240, 63, 0.75), 0 0 18px rgba(83, 240, 63, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.ppcr-control-room-page .pp-card-back .pp-card-back-info small {
  display: block !important;
  max-width: 144px !important;
  margin: 0 auto !important;
  font-size: 0.84rem !important;
  line-height: 1.18 !important;
  text-align: center !important;
  color: rgba(243, 247, 242, 0.74) !important;
}