/* 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;
 }
}

/* Mobile lottery studios: Number Controls begin open and remain user-toggleable.
 * The page's existing settings and game logic remain mounted in the DOM. */
.orbit-mobile-controls-toggle {display:none;}
@media (max-width:1080px){
 #numberStudio .left-sidebar > .panel:not(.guide) > .panel-header {
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:12px;
 }
 #numberStudio .left-sidebar > .panel:not(.guide) > .panel-header > span[style] {display:none!important;}
 #numberStudio .orbit-mobile-controls-toggle {
   appearance:none;
   display:inline-flex;
   flex:0 0 auto;
   align-items:center;
   justify-content:center;
   gap:8px;
   min-height:40px;
   border:1px solid rgba(72,161,184,.45);
   border-radius:11px;
   background:rgba(63,152,172,.10);
   padding:9px 12px;
   color:inherit;
   font:800 11px/1.2 Montserrat,system-ui,sans-serif;
   cursor:pointer;
 }
 #numberStudio .orbit-mobile-controls-toggle:hover {border-color:#50bbae;background:rgba(68,172,175,.17);}
 #numberStudio .orbit-mobile-controls-toggle:focus-visible {outline:2px solid #60c1d1;outline-offset:3px;}
 #numberStudio .orbit-mobile-controls-toggle .orbit-controls-arrow {
   width:13px;height:13px;transition:transform .2s ease;
 }
 #numberStudio .orbit-mobile-controls-toggle[aria-expanded="true"] .orbit-controls-arrow {transform:rotate(180deg);}
 #numberStudio .left-sidebar > .panel:not(.guide) > .panel-inner[hidden] {display:none!important;}
 #predictionWorkspace {scroll-margin-top:clamp(78px,15vh,125px);}
}
@media (prefers-reduced-motion:reduce){
  #numberStudio .orbit-mobile-controls-toggle .orbit-controls-arrow{transition:none;}
}


/* 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;}
}