/* FORCE: all tables = dark sea blue fill + light-blue full grid + white text */
html,
html body,
html body.main-page,
html body.app-page,
html body.bonus-page,
html body.acceso-page{
  --table-label-bg:#1b456b !important;
  --table-value-bg:#1b456b !important;
  --table-hover-label:#1b456b !important;
  --table-hover-value:#1b456b !important;
  --table-head-bg:#1b456b !important;
  --table-border:#7eb6e0 !important;
}

html body .table-wrapper,
html body .table-wrapper--cards,
html body .table-wrapper--scroll,
html body main .table-wrapper,
html body .legal-doc .table-wrapper,
html body #facts .table-wrapper,
html body #bonuses .table-wrapper,
html body #payments .table-wrapper,
html body.app-page .table-wrapper,
html body.bonus-page .table-wrapper,
html body.acceso-page .table-wrapper,
html body.app-page .app-specs-table,
html body.app-page .app-reference-section .app-specs-table{
  background:#1b456b !important;
  background-color:#1b456b !important;
  border:1px solid #7eb6e0 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  box-shadow:none !important;
  padding:0 !important;
}

html body table,
html body .table-wrapper table,
html body .table-wrapper--cards table,
html body .table-wrapper--scroll table,
html body main table,
html body #facts .table-wrapper table,
html body #bonuses .table-wrapper table,
html body #payments .table-wrapper table,
html body main .legal-doc .table-wrapper table,
html body.app-page table,
html body.bonus-page table,
html body.acceso-page table,
html body.app-page .app-specs-table table,
html body.app-page .app-reference-section .app-specs-table table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:#1b456b !important;
  background-color:#1b456b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:none !important;
  border-radius:0 !important;
}

html body table thead,
html body .table-wrapper thead,
html body #facts .table-wrapper thead,
html body #bonuses .table-wrapper thead,
html body #payments .table-wrapper thead,
html body table tbody,
html body .table-wrapper tbody,
html body table tr,
html body .table-wrapper tr,
html body #facts .table-wrapper tbody tr,
html body #bonuses .table-wrapper tbody tr,
html body #payments .table-wrapper tbody tr{
  background:#1b456b !important;
  background-color:#1b456b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body table :is(th, td),
html body .table-wrapper :is(th, td),
html body .table-wrapper--cards :is(th, td),
html body main .table-wrapper :is(th, td),
html body main .legal-doc .table-wrapper :is(th, td),
html body #facts .table-wrapper :is(th, td),
html body #bonuses .table-wrapper :is(th, td),
html body #payments .table-wrapper :is(th, td),
html body.app-page table :is(th, td),
html body.bonus-page table :is(th, td),
html body.acceso-page table :is(th, td),
html body.app-page .app-specs-table :is(th, td),
html body.app-page .app-reference-section .app-specs-table :is(th, td),
html body #facts .table-wrapper thead th,
html body #bonuses .table-wrapper thead th,
html body #payments .table-wrapper thead th,
html body .table-wrapper thead th,
html body #facts .table-wrapper tbody td,
html body #bonuses .table-wrapper tbody td,
html body #payments .table-wrapper tbody td,
html body #facts .table-wrapper :is(td,th):first-child,
html body #bonuses .table-wrapper :is(td,th):first-child,
html body #payments .table-wrapper :is(td,th):first-child,
html body .table-wrapper :is(td,th):first-child,
html body .table-wrapper td:last-child,
html body #facts .table-wrapper td:last-child,
html body #bonuses .table-wrapper td:last-child,
html body #payments .table-wrapper td:last-child{
  background:#1b456b !important;
  background-color:#1b456b !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid #7eb6e0 !important;
  border-top:1px solid #7eb6e0 !important;
  border-right:1px solid #7eb6e0 !important;
  border-bottom:1px solid #7eb6e0 !important;
  border-left:1px solid #7eb6e0 !important;
  border-color:#7eb6e0 !important;
  padding:12px 14px !important;
  vertical-align:middle !important;
  box-shadow:none !important;
}
/* Hover: background tint only — no text-align/padding changes (stops value jump) */
html body .table-wrapper tbody tr:hover :is(td, th),
html body #facts .table-wrapper tbody tr:hover :is(td, th),
html body #bonuses .table-wrapper tbody tr:hover :is(td, th),
html body #payments .table-wrapper tbody tr:hover :is(td, th),
html body .table-wrapper tbody tr:hover :is(td,th):first-child,
html body .table-wrapper tbody tr:hover th[scope="row"],
html body .table-wrapper tbody tr:hover td,
html body.app-page table tbody tr:hover :is(th, td),
html body.app-page .table-wrapper tbody tr:hover :is(th, td){
  background:#234f7a !important;
  background-color:#234f7a !important;
  background-image:none !important;
  border-color:#7eb6e0 !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

html body table thead th,
html body .table-wrapper thead th,
html body #facts .table-wrapper thead th,
html body #bonuses .table-wrapper thead th,
html body #payments .table-wrapper thead th,
html body table th[scope="col"],
html body .table-wrapper th[scope="col"],
html body table th[scope="row"],
html body .table-wrapper th[scope="row"],
html body table tbody th,
html body .table-wrapper tbody th,
html body table td:first-child,
html body .table-wrapper td:first-child,
html body #facts .table-wrapper :is(td,th):first-child,
html body #bonuses .table-wrapper :is(td,th):first-child,
html body #payments .table-wrapper :is(td,th):first-child{
  font-weight:800 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body table tbody td:not(:first-child),
html body .table-wrapper tbody td:not(:first-child),
html body #facts .table-wrapper tbody td:not(:first-child),
html body #bonuses .table-wrapper tbody td:not(:first-child),
html body #payments .table-wrapper tbody td:not(:first-child){
  font-weight:400 !important;
}

/* Kill mobile card restyle that breaks the grid */
@media (max-width:900px){
  html body .table-wrapper--cards table{ display:table !important; width:100% !important; }
  html body .table-wrapper--cards thead{ display:table-header-group !important; }
  html body .table-wrapper--cards tbody{ display:table-row-group !important; }
  html body .table-wrapper--cards tr{ display:table-row !important; }
  html body .table-wrapper--cards th,
  html body .table-wrapper--cards td{
    display:table-cell !important;
    width:auto !important;
  }
  html body .table-wrapper--cards td::before,
  html body .table-wrapper--cards th::before{
    display:none !important;
    content:none !important;
  }
}

/* LOCK: grid stable on hover — collapse + same border box; hover only tints bg */
html body table,
html body .table-wrapper table,
html body #facts .table-wrapper table,
html body #bonuses .table-wrapper table,
html body #payments .table-wrapper table,
html body.app-page .app-specs-table table{
  border-collapse:collapse !important;
  border-spacing:0 !important;
}
html body table tbody tr:hover :is(th,td),
html body .table-wrapper tbody tr:hover :is(th,td),
html body #facts .table-wrapper tbody tr:hover :is(th,td),
html body #bonuses .table-wrapper tbody tr:hover :is(th,td),
html body #payments .table-wrapper tbody tr:hover :is(th,td),
html body #facts .table-wrapper tbody tr:hover :is(td,th):first-child,
html body #bonuses .table-wrapper tbody tr:hover :is(td,th):first-child,
html body #payments .table-wrapper tbody tr:hover :is(td,th):first-child,
html body .table-wrapper tbody tr:hover th[scope="row"],
html body .table-wrapper tbody tr:hover td,
html body .table-wrapper tbody tr:hover > *:not(:first-child),
html body.app-page .app-specs-table tbody tr:hover :is(th,td),
html body.app-page .app-reference-section .app-specs-table tbody tr:hover :is(th,td),
html body table tbody tr:last-child :is(th,td),
html body .table-wrapper tbody tr:last-child :is(th,td),
html body #facts .table-wrapper tbody tr:last-child :is(th,td),
html body #bonuses .table-wrapper tbody tr:last-child :is(th,td),
html body #payments .table-wrapper tbody tr:last-child :is(th,td){
  border-width:1px !important;
  border-style:solid !important;
  border-color:#7eb6e0 !important;
  outline:none !important;
  box-shadow:none !important;
  transform:none !important;
}
html body .table-wrapper tbody tr:hover :is(th,td),
html body #facts .table-wrapper tbody tr:hover :is(th,td),
html body #bonuses .table-wrapper tbody tr:hover :is(th,td),
html body #payments .table-wrapper tbody tr:hover :is(th,td),
html body.app-page .app-specs-table tbody tr:hover :is(th,td),
html body.app-page .app-availability-section table tbody tr:hover :is(th,td),
html body.app-page .app-payments-section table tbody tr:hover :is(th,td),
html body.app-page .table-wrapper tbody tr:hover :is(th,td){
  background:#234f7a !important;
  background-color:#234f7a !important;
}
html body.app-page .app-availability-section table tbody tr:hover td,
html body.app-page .app-availability-section table thead tr:hover th,
html body.app-page .app-availability-section table tbody td{
  text-align:center !important;
}
html body.app-page .app-availability-section table tbody tr:hover th[scope="row"],
html body.app-page .app-availability-section table tbody th[scope="row"]{
  text-align:left !important;
}

/* App overview table: FORCE no grid (overrides app-page table borders) */
html body.app-page .table-wrapper.app-overview-table,
html body.app-page .app-overview-table,
html body.app-page .app-reference-section .table-wrapper.app-overview-table,
html body.app-page .app-reference-section .app-overview-table{
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
html body.app-page .app-overview-table table,
html body.app-page .app-reference-section .app-overview-table table{
  border:0 !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
}
html body.app-page .app-overview-table :is(tbody,tr,th,td),
html body.app-page .app-reference-section .app-overview-table :is(tbody,tr,th,td),
html body.app-page .app-overview-table tbody tr:hover :is(th,td),
html body.app-page .app-reference-section .app-overview-table tbody tr:hover :is(th,td),
html body.app-page .app-overview-table tbody tr:last-child :is(th,td),
html body.app-page .app-reference-section .app-overview-table tbody tr:last-child :is(th,td),
html body.app-page table.app-overview-table :is(th,td),
html body.app-page .app-overview-table table :is(th,td){
  border:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Star glyph fallback (encoding-safe) */
html body #casino-intro .home-intro-rating__full,
html body.app-page .app-rating__stars-full{
  font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Color Emoji",sans-serif !important;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
}
html body #casino-intro .home-intro-rating__empty,
html body.app-page .app-rating__star-outline{
  font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Color Emoji",sans-serif !important;
}
html body #casino-intro .home-intro-rating__fill,
html body.app-page .app-rating__star-fill{
  font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Color Emoji",sans-serif !important;
  color:#FFB07A !important;
  -webkit-text-fill-color:#FFB07A !important;
}

/* Home side-by-side info tables: no label/value overlap */
html body .app-info-grid .table-wrapper table,
html body .app-info-card__table table{
  table-layout:fixed !important;
  width:100% !important;
}
html body .app-info-grid .table-wrapper :is(th,td),
html body .app-info-card__table :is(th,td){
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  hyphens:auto !important;
  white-space:normal !important;
  vertical-align:top !important;
}
html body .app-info-grid .table-wrapper th[scope="row"],
html body .app-info-card__table th[scope="row"],
html body .app-info-grid .table-wrapper :is(td,th):first-child,
html body .app-info-card__table :is(td,th):first-child{
  width:36% !important;
  max-width:36% !important;
}
html body .app-info-grid .table-wrapper td,
html body .app-info-card__table td,
html body .app-info-grid .table-wrapper td:last-child,
html body .app-info-card__table td:last-child{
  width:64% !important;
  max-width:64% !important;
}
