/* ==========================================================
   STARTIX HUGO — TARGETED FIXES
   ========================================================== */

/* ----------------------------------------------------------
   1. TABLE OF CONTENTS — single vertical list, no columns
   ---------------------------------------------------------- */
.toc-content nav ul,
.toc-content nav > ul {
  columns: unset !important;
  column-count: unset !important;
  -webkit-columns: unset !important;
  display: block !important;
}

/* ----------------------------------------------------------
   2. TABLES — flush, no double borders, proper collapse
   ---------------------------------------------------------- */
.hp-table-scroll {
  border-radius: 0 !important;
  border: none !important;
  margin-bottom: 1.5rem;
}

.hp-table-inner_f8797c6b133df634 {
  border-radius: 0 !important;
}

article table,
.hp-content table,
.hp-table-scroll table,
.hp-table-inner_f8797c6b133df634 table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin-bottom: 0 !important;
}

article table th,    article table td,
.hp-content table th, .hp-content table td,
.hp-table-scroll table th, .hp-table-scroll table td,
.hp-table-inner_f8797c6b133df634 table th,  .hp-table-inner_f8797c6b133df634 table td {
  border: 1px solid var(--Border) !important;
}

/* Prevent wrapper from adding a second border around already-bordered table */
.hp-table-scroll {
  border: none !important;
  box-shadow: none !important;
  border-radius: 10px;
  margin-bottom: 1.5rem;
}

/* ----------------------------------------------------------
   3. FAQ SECTION — shade2.png background + floating ? decorations
   (mirrors Next.js CtaHomeFive: bg-img bg-dark + inline background-image)
   ---------------------------------------------------------- */
.faq-section_e080c12568df1cb0 {
  /* bg-dark equivalent */
  background-color: #1b1b2f !important;
  /* bg-img equivalent */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  position: relative;
}

/* Floating question-mark decorations — visible */
.faq-deco_64cdebe5adba3a19 {
  position: absolute;
  pointer-events: none;
  user-select: none;
  z-index: 2;
}

.faq-deco_64cdebe5adba3a19 img {
  width: 130px;
  height: auto;
  opacity: 0.35;
  filter: brightness(10) saturate(0);
}

.faq-deco-1_e14734aaa3bbb407 { top: 5%;    left: 2%; }
.faq-deco-2_e2e9432199c2612f { top: 35%;   right: 2%;  transform: rotate(15deg); }
.faq-deco-3_5e68cc6dedcaf5d4 { bottom: 5%; left: 25%;  transform: rotate(-10deg); }
.faq-deco-4_7d3b8a56d9db3535 { top: 8%;    left: 52%;  transform: rotate(25deg); }

/* Keep container and dividers above decorations */
.faq-section_e080c12568df1cb0 > .container { position: relative; z-index: 1; }
.faq-section_e080c12568df1cb0 > .divider_9aeff764236ca710   { position: relative; z-index: 1; }

/* Hide the old inline .faq-qmark_cbf6a2ec721acd3d (we're using absolute ones now) */
.faq-qmark_cbf6a2ec721acd3d { display: none !important; }

/* ----------------------------------------------------------
   4. FAQ QUESTION / ANSWER STYLING
   ---------------------------------------------------------- */

/* Question button: black bg, white text */
.faq-item {
  background: #000000 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 10px;
  overflow: hidden;
}

.faq-btn {
  background: #000000 !important;
  color: #ffffff !important;
}

.faq-btn:hover {
  color: rgba(255,255,255,0.80) !important;
}

/* Answer block: white bg, black text */
.faq-body-inner_9b6739c7748b548b {
  background: #ffffff;
  color: #111111 !important;
  padding: 20px 24px !important;
  border-top: 1px solid rgba(0,0,0,0.08);
}

.faq-body-inner_9b6739c7748b548b p,
.faq-body-inner_9b6739c7748b548b li,
.faq-body-inner_9b6739c7748b548b a {
  color: #111111 !important;
}

/* Open item: keep black question, show white answer below */
.faq-item.faq-item-open {
  background: #000000 !important;
  border-color: rgba(255,255,255,0.30) !important;
}

.faq-item.faq-item-open .faq-btn {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Chevron stays white on black */
.faq-chevron_2a39b8927a0ef2e0 {
  background-color: rgba(255,255,255,0.20) !important;
}

.faq-item-open .faq-chevron_2a39b8927a0ef2e0 {
  background-color: rgba(255,255,255,0.35) !important;
}

/* ----------------------------------------------------------
   5 & 6. FOOTER — strict row structure + legibility
   ---------------------------------------------------------- */

/* Reset the multi-column layout to stacked rows */
.footer-section_20f22b3445cb06e2.footer-dark_187e33797c515700 .footer-layout_c91cd185772d408d {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Row 1: Logo */
.footer-row-logo_31c6bed583284d76 {
  padding: 1.6rem 0 1rem;
}

/* Rows 2-3: Disclaimers */
.footer-row-disclaimers_c52fe529a371515c {
  padding: 0 0 1.25rem;
}

/* Row 4: Nav links only */
.footer-row-nav_0baaf5768816088e {
  padding: 1rem 0;
  border-top: 1px solid rgba(255,255,255,0.10);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.footer-row-nav_0baaf5768816088e .footer-nav-links_1e76ef40105bfcf9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
}

.footer-row-nav_0baaf5768816088e .footer-nav-links_1e76ef40105bfcf9 li a {
  color: rgba(255,255,255,0.70);
  font-size: 14px;
  font-family: var(--Font-Secondary);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color var(--Animation-Duration);
}

.footer-row-nav_0baaf5768816088e .footer-nav-links_1e76ef40105bfcf9 li a i {
  color: var(--Primary);
  font-size: 14px;
}

.footer-row-nav_0baaf5768816088e .footer-nav-links_1e76ef40105bfcf9 li a:hover { color: #ffffff; }

/* Row 5: Copyright + casino logos */
.footer-row-bottom_1e509cf9463f19fe {
  padding: 1.25rem 0 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.footer-disclaimer-text_5e515dc427fe440f {
  color: rgba(255,255,255,0.70) !important;
}

.footer-tagline_c82010b95ceb908f {
  color: rgba(255,255,255,0.70) !important;
}

.footer-copyright_6d721738c25a8e61 {
  color: rgba(255,255,255,0.70) !important;
}

.footer-copyright_6d721738c25a8e61 a {
  color: rgba(255,255,255,0.70) !important;
}

.footer-copyright_6d721738c25a8e61 a:hover { color: var(--Primary) !important; }

article table tr:first-child th,
article table tr:first-child td,
.hp-content table tr:first-child th,
.hp-content table tr:first-child td {
  border-top: none!important;
}

article table tr:last-child th,
article table tr:last-child td,
.hp-content table tr:last-child th,
.hp-content table tr:last-child td {
  border-bottom: none!important;
}

article table tr th:first-child,
article table tr td:first-child,
.hp-content table tr th:first-child,
.hp-content table tr td:first-child {
  border-left: none!important;
}

article table tr th:last-child,
article table tr td:last-child,
.hp-content table tr th:last-child,
.hp-content table tr td:last-child {
  border-right: none!important;
}

.hp-table-inner_f8797c6b133df634 {
  box-shadow: none !important;
  border: 1px solid var(--Border) !important;
  border-radius: 10px!important;
  margin-bottom: 0;
}

/* ----------------------------------------------------------
   7. HEADER — small mobile fixes (≤ 395px)
   ---------------------------------------------------------- */
@media (max-width: 395px) {
  /* Shrink logo a touch so it doesn't crowd the right-side controls */
  .header-section .navbar-brand_fb76dff7d8f12c7c img {
    max-height: 34px;
  }

  /* Reduce logo right margin */
  .header-section .navbar-brand_fb76dff7d8f12c7c {
    margin-right: 0.5rem;
  }

  /* Tighten the gap between play button and toggler */
  .navbar-mobile-end_b8a88b012b997e93 {
    gap: 0.5rem !important;
  }

  /* Compact play button: narrower padding, slightly smaller text */
  .navbar-mobile-end_b8a88b012b997e93 .theme-btn_72dd57b5a3fd6f12 {
    padding: 8px 14px;
    font-size: 12px;
    height: 38px;
    white-space: nowrap;
  }

  /* Prevent the navbar from wrapping to a second line */
  .header-section .navbar {
    flex-wrap: nowrap;
    align-items: center;
  }

  /* Prevent the navbar container overflowing the viewport */
  .header-section .navbar > .container,
  .header-section .navbar > .container-fluid_a89175ac5a46c890 {
    flex-wrap: nowrap;
  }

  /* style-three pill: reduce internal padding so everything fits */
  .header-section.style-three_a8464e4bd0023519 .navbar {
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 3%;
    margin-right: 3%;
  }

  /* Kill the large left margin on the hamburger icon — it pushes the
     play button into the logo at very narrow widths */
  .header-section .navbar-toggler i {
    margin-left: 0 !important;
  }
}

/* ----------------------------------------------------------
   Footer bottom row — centered on small screens (≤ 676px)
   ---------------------------------------------------------- */
@media (max-width: 676px) {
  .footer-row-bottom_1e509cf9463f19fe {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-copyright_6d721738c25a8e61 {
    text-align: center;
  }

  .footer-trust-logos_2b2268cfd94ef3a7 ul {
    justify-content: center;
    flex-wrap: nowrap;
  }

  .footer-trust-logos_2b2268cfd94ef3a7 img {
    max-height: none;
    width: auto;
    max-width: 100%;
    flex-shrink: 1;
    min-width: 0;
  }

  .footer-trust-logos_2b2268cfd94ef3a7 li {
    flex-shrink: 1;
    min-width: 0;
  }
}

/* ----------------------------------------------------------
   8. MOBILE HEADER — smooth collapse, no jump, proper layout
   ≤ 1199px (below xl breakpoint where nav collapses)
   ---------------------------------------------------------- */

/* Smooth navbar shape transition on mobile open/close */
@media (max-width: 1199px) {
  /* Allow #startixNav to wrap onto its own row; space-between keeps
     logo left and Play+toggler right within the pill */
  .header-section .navbar,
  .header-section .navbar.navbar-expand-xl_0b3bac77df6e2124 {
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    align-content: center !important;
  }

  .header-section.style-three_a8464e4bd0023519 .navbar {
    transition: border-radius 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  }

  /* Nav panel: hidden from layout when closed, full-row block when open. */
  #startixNav {
    display: none !important;
    flex-basis: 100%;
    width: 100%;
    max-height: 0;
    overflow: hidden !important;
    padding: 0 !important;
    transition: max-height 0.35s ease;
  }

  #startixNav.show {
    display: block !important;
  }

  /* overflow-y toggled by JS after transition completes */

  /* Nav items: full width on mobile */
  .header-section .navbar-nav {
    width: 100%;
    padding: 0.5rem 0 1rem;
  }

  /* Mobile submenus: always in flow, collapsed via max-height.
     JS animates max-height; overflow stays hidden during animation. */
  .startix-dd-menu {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
}

/* Fix layout at small widths (≤ 575px) */
@media (max-width: 575px) {
  .header-section.style-three_a8464e4bd0023519 .navbar {
    margin-left: 2% !important;
    margin-right: 2% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .navbar-mobile-end_b8a88b012b997e93 {
    gap: 0.5rem !important;
  }

  .navbar-mobile-end_b8a88b012b997e93 .theme-btn_72dd57b5a3fd6f12 {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}

/* Fix: ensure mobile dropdown menu renders INSIDE the expanded header panel
   (already the case by default since it's in-flow, but ensure z-index is fine) */
.header-section.style-three_a8464e4bd0023519.mobile-menu-open {
  z-index: 9999;
}

/* ----------------------------------------------------------
   9. FAQ ITEMS — smooth accordion animation via max-height
   ---------------------------------------------------------- */

/* Body collapsed by default; JS sets max-height inline on open */
.faq-body {
  max-height: 0;
  overflow: hidden !important;
  transition: max-height 0.35s ease;
}

/* CSS fallback for open state (JS also sets inline max-height for accuracy) */
.faq-item.faq-item-open .faq-body {
  max-height: 600px;
}

/* ----------------------------------------------------------
   10. MOBILE NAV — chevron rotation on submenu open
   ---------------------------------------------------------- */
@media (max-width: 1199px) {
  /* The chevron arrow on items that have a submenu */
  .startix-dd > a .startix-dd-arrow {
    transition: transform 0.3s ease;
    display: inline-block;
  }

  /* Rotate when the parent li has dd-open class */
  .startix-dd.dd-open > a .startix-dd-arrow {
    transform: rotate(90deg);
  }
}

/* ----------------------------------------------------------
   11. DESKTOP NAV — restore correct layout + chevron rotation
   ---------------------------------------------------------- */
@media (min-width: 1200px) {
  /* Explicitly restore desktop navbar layout in case any mobile rule bleeds through */
  .header-section .navbar,
  .header-section .navbar.navbar-expand-xl_0b3bac77df6e2124 {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-content: normal !important;
    align-items: stretch !important;
  }

  /* Top-level items only (direct child of .navbar-nav) */
  .header-section .navbar-nav > li.startix-dd > a .startix-dd-arrow {
    transition: transform 350ms ease;
    display: inline-block;
  }

  .header-section .navbar-nav > li.startix-dd:hover > a .startix-dd-arrow,
  .header-section .navbar-nav > li.startix-dd:focus-within > a .startix-dd-arrow {
    transform: rotate(90deg);
  }
}

/* ----------------------------------------------------------
   12. MOBILE TOGGLER — remove erroneous margin-left on icon
   ---------------------------------------------------------- */
@media (max-width: 1199px) {
  .header-section .navbar-toggler i {
    margin-left: 0 !important;
  }
}

.footer-row-logo_31c6bed583284d76 a > img {
  max-width: 200px!important;
  max-height: 50px!important;
}