/* Lotto Orbit v6: two info cards collapsed by default on every screen. */
/* Lotto Orbit — public-only mobile UX improvements, 21 October 2026.
 * This stylesheet overrides presentation only; no admin/private settings.
 */

/* Footer: give every profile button clear, even breathing room. */
.footer.orbit-footer-v3 .orbit-foot-connect-social .orbit-social-profiles {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  column-gap:15px!important;
  row-gap:12px!important;
  margin-top:8px!important;
}
.footer.orbit-footer-v3 .orbit-foot-connect-social .orbit-social-profiles > .orbit-follow__link {
  display:inline-flex!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  align-items:center!important;
  justify-content:center!important;
}
.footer.orbit-footer-v3 .orbit-foot-connect-social .orbit-social-profiles > .orbit-follow__link svg {
  display:block;width:19px;height:19px;flex:0 0 19px;
}

/* Restore the original compact, one-level MENU on narrow screens.
 * Desktop Explore/Learn mega menus are unaffected. */
#siteHeader #primaryNavigation > .orbit-mobile-simple-link {display:none!important;}
@media (max-width:1080px){
 #siteHeader #primaryNavigation > .orbit-nav-dropdown-trigger,
 #siteHeader #primaryNavigation > .orbit-mobile-dropdown,
 #siteHeader > .orbit-menu-panel {display:none!important;}
 #siteHeader #primaryNavigation > .orbit-mobile-simple-link {
   display:flex!important;
   align-items:center;
   justify-content:space-between;
 }
}

/* Keep Number Controls available at all times; no collapse button on mobile.
   Generated-number scrolling still works. */
.orbit-mobile-controls-toggle {display:none!important;}
@media (max-width:1080px){
 #predictionWorkspace {scroll-margin-top:clamp(78px,15vh,125px);}
}

/* Mobile-only disclosure cards: Know Your Draw, Source & Format,
   and Draw Schedule & Results begin closed, then open individually on tap. */
.orbit-mobile-info-toggle {display:none!important;}
@media (max-width:1080px){
  body[data-game] .orbit-mobile-info-disclosure.orbit-mobile-info-collapsed {
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    min-height:0!important;
    height:auto!important;
    gap:0!important;
    align-content:initial!important;
    padding:12px 15px!important;
  }
  body[data-game] .orbit-mobile-info-disclosure.orbit-mobile-info-collapsed > :not(.orbit-mobile-info-toggle){
    display:none!important;
  }
  body[data-game] .orbit-mobile-info-disclosure .orbit-mobile-info-toggle {
    box-sizing:border-box;
    display:flex!important;
    order:-1;
    grid-column:1/-1;
    grid-row:1;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-width:0;
    min-height:39px;
    margin:0!important;
    padding:7px 2px!important;
    border:0!important;
    border-radius:7px;
    background:transparent!important;
    color:inherit!important;
    font:800 11px/1.45 Montserrat,system-ui,sans-serif!important;
    letter-spacing:.075em;
    text-align:left;
    cursor:pointer;
  }
  body[data-game] .orbit-mobile-info-disclosure .orbit-mobile-info-toggle:focus-visible{
    outline:2px solid #57c7c3!important;
    outline-offset:3px;
  }
  body[data-game] .orbit-mobile-info-disclosure .orbit-mobile-info-chevron{
    display:block;
    width:17px;height:17px;flex:0 0 17px;
    transition:transform .2s ease;
  }
  body[data-game] .orbit-mobile-info-disclosure .orbit-mobile-info-toggle[aria-expanded="true"] .orbit-mobile-info-chevron{
    transform:rotate(180deg);
  }
  /* With the card expanded, keep the toggle above the source content. */
  body[data-game] .orbit-game-story.orbit-mobile-info-disclosure:not(.orbit-mobile-info-collapsed),
  body[data-game] .orbit-rules-ledger.orbit-mobile-info-disclosure:not(.orbit-mobile-info-collapsed),
  body[data-game] .atlas-draw-summary.orbit-mobile-info-disclosure:not(.orbit-mobile-info-collapsed){
    align-content:start!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .orbit-mobile-info-chevron{transition:none!important;}
}

/* v6 — Source & Format and Draw Schedule & Results collapse by default
   on BOTH mobile and desktop. Keep all original content accessible. */
body[data-game] .orbit-always-info-disclosure.orbit-mobile-info-collapsed {
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  padding:14px clamp(16px,1.8vw,23px)!important;
}
body[data-game] .orbit-always-info-disclosure.orbit-mobile-info-collapsed > :not(.orbit-mobile-info-toggle) {
  display:none!important;
}
body[data-game] .orbit-always-info-disclosure .orbit-mobile-info-toggle {
  box-sizing:border-box;
  display:flex!important;
  order:-1;
  grid-column:1/-1;
  grid-row:1;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-width:0;
  min-height:42px;
  margin:0!important;
  padding:8px 2px!important;
  border:0!important;
  border-radius:7px;
  background:transparent!important;
  color:inherit!important;
  font:800 11px/1.45 Montserrat,system-ui,sans-serif!important;
  letter-spacing:.075em;
  text-align:left;
  cursor:pointer;
}
body[data-game] .orbit-always-info-disclosure .orbit-mobile-info-chevron {
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  transition:transform .2s ease;
}
body[data-game] .orbit-always-info-disclosure .orbit-mobile-info-toggle[aria-expanded="true"] .orbit-mobile-info-chevron {
  transform:rotate(180deg);
}
body[data-game] .orbit-always-info-disclosure .orbit-mobile-info-toggle:focus-visible {
  outline:2px solid #57c7c3!important;
  outline-offset:3px;
}
@media(max-width:1080px){
  body[data-game] .orbit-always-info-disclosure.orbit-mobile-info-collapsed {
    padding:12px 15px!important;
  }
}


/* v7 — Independent card heights: don't stretch the closed partner when its
   neighbour expands. Overrides the legacy "MATCHED CARD PAIR" desktop CSS. */
html[data-theme] body[data-game] .orbit-game-info-pair {
  align-items:start!important;
  align-content:start!important;
}
html[data-theme] body[data-game] .orbit-game-info-pair > :is(.orbit-rules-ledger,.atlas-draw-summary) {
  align-self:start!important;
  min-height:0!important;
  height:auto!important;
}
/* The original layout also set min-height:100%, which is incompatible with
   collapsible content. The rules below win at every breakpoint. */
body[data-game] .orbit-game-info-pair > :is(.orbit-rules-ledger,.atlas-draw-summary) {
  min-height:0!important;
  height:auto!important;
}
/* Match the closed cards' padding/height regardless of the older rules
   that gave the schedule card larger padding on desktop. */
html[data-theme] body[data-game] .orbit-game-info-pair > :is(.orbit-rules-ledger,.atlas-draw-summary).orbit-always-info-disclosure.orbit-mobile-info-collapsed {
  display:block!important;
  padding:14px 20px!important;
  min-height:0!important;
  height:auto!important;
}
/* Expanded cards put their contents directly underneath their toggle and
   never force the content into vertically distributed rows. */
html[data-theme] body[data-game] .orbit-game-info-pair > .orbit-rules-ledger.orbit-always-info-disclosure:not(.orbit-mobile-info-collapsed) {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  align-content:start!important;
}
html[data-theme] body[data-game] .orbit-game-info-pair > .atlas-draw-summary.orbit-always-info-disclosure:not(.orbit-mobile-info-collapsed) {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:12px!important;
  align-content:start!important;
}
/* Keep the draw-results button directly beneath the draw information,
   rather than pinned to the bottom of a stretched card. */
html[data-theme] body[data-game] .orbit-game-info-pair > .atlas-draw-summary.orbit-always-info-disclosure:not(.orbit-mobile-info-collapsed) .atlas-draw-link {
  margin-top:6px!important;
}
/* The clickable accordion title already says SOURCE & FORMAT or
   DRAW SCHEDULE & RESULTS; don't repeat those labels inside the open card. */
body[data-game] .orbit-game-info-pair > .orbit-rules-ledger.orbit-always-info-disclosure:not(.orbit-mobile-info-collapsed) .orbit-rules-eyebrow,
body[data-game] .orbit-game-info-pair > .atlas-draw-summary.orbit-always-info-disclosure:not(.orbit-mobile-info-collapsed) .atlas-draw-overline {
  display:none!important;
}
/* Compact, predictable headings whether the cards are open or closed. */
html[data-theme] body[data-game] .orbit-game-info-pair > .orbit-always-info-disclosure .orbit-mobile-info-toggle {
  flex:0 0 auto!important;
  min-height:42px!important;
  margin:0!important;
}
html[data-theme] body[data-game] .orbit-game-info-pair > .orbit-always-info-disclosure.orbit-mobile-info-collapsed {
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}