/* P93 — stałe, pogrupowane menu „Więcej” na telefonach. */

@media (max-width: 820px) {
  body.mobile-ui-active .mobile-more-menu {
    right: 6px !important;
    bottom: calc(var(--mobile-bottom-space, 64px) + 6px) !important;
    display: block !important;
    width: min(410px, calc(100vw - 12px)) !important;
    max-height: min(72dvh, calc(100dvh - var(--ow-p36-header-height, 58px) - var(--mobile-bottom-space, 64px) - 18px)) !important;
    padding: 0 10px 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-radius: 18px !important;
    background: #fff !important;
  }

  body.mobile-ui-active .mobile-more-menu[hidden] {
    display: none !important;
  }

  body.mobile-ui-active .mobile-more-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: auto !important;
    min-height: 46px !important;
    padding: 8px 2px 7px !important;
    border-bottom: 1px solid #dce6ee !important;
    background: rgba(255, 255, 255, 0.97) !important;
    color: #102943 !important;
  }

  .mobile-more-header strong {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .03em;
  }

  .mobile-more-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #edf4f8;
    color: #173955;
    font-size: 20px;
    line-height: 1;
  }

  .mobile-more-group {
    padding-top: 10px;
  }

  .mobile-more-group + .mobile-more-group {
    margin-top: 9px;
    border-top: 1px solid #e2eaf0;
  }

  .mobile-more-group-title {
    margin: 0 0 7px;
    color: #527089;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.2;
  }

  .mobile-more-group-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .mobile-more-group-simulation .mobile-more-group-content {
    display: block;
  }

  .mobile-more-group-replay .mobile-more-group-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 6px 9px !important;
    border: 1px solid #dbe6ed !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #173955 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon]::before {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    border-radius: 9px;
    background-color: #e5f2f7;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    color: #087b8c;
    content: "" !important;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="replay"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v6h6'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="analysis"]::before,
  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="standings"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M5 19V9M12 19V4M19 19v-6'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="legs"]::before,
  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="events"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17 9 12l4 3 7-8'/%3E%3Cpath d='M15 7h5v5'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="labels"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13 13 20 4 11V4h7z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="fullscreen"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="wind"]::before,
  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="conditions"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M3 8h11a3 3 0 1 0-3-3M3 12h16a3 3 0 1 1-3 3M3 16h7'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="trackers"]::before,
  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="athletes"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3'/%3E%3Cpath d='M5 20c.8-4 3-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="notifications"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button[data-mobile-icon="rules"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087b8c' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A3.5 3.5 0 0 1 7.5 2H12v18H7.5A3.5 3.5 0 0 0 4 23z'/%3E%3Cpath d='M20 5.5A3.5 3.5 0 0 0 16.5 2H12v18h4.5A3.5 3.5 0 0 1 20 23z'/%3E%3C/svg%3E");
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button:disabled {
    opacity: .48 !important;
    filter: grayscale(.7);
    cursor: not-allowed !important;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-quick-actions,
  body.mobile-ui-active.mobile-sheet-expanded .mobile-more-menu .mobile-quick-actions.mobile-quick-actions-live,
  body.mobile-ui-active:not(.mobile-sheet-expanded) .mobile-more-menu .mobile-quick-actions.mobile-quick-actions-live {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 7px !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    inset: auto !important;
    transform: none !important;
  }

  .mobile-more-simulation-summary {
    display: grid;
    gap: 7px;
    margin-top: 7px;
    padding: 8px;
    border: 1px solid #d8e5ec;
    border-radius: 12px;
    background: #f2f8fa;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-status {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #315268 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-start-flags-section {
    display: grid !important;
    grid-template-columns: minmax(95px, auto) 1fr;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 8px;
    border: 1px solid #d5e5ea;
    background: #fff;
  }

  .mobile-more-menu .mobile-start-flags-slot {
    min-width: 0;
    justify-content: flex-start;
    overflow: visible;
  }

  .mobile-more-menu .mobile-start-flags-slot #ow-static-mode-status-v1 {
    max-width: 100%;
  }

  .mobile-more-group-replay .mobile-more-button {
    flex-direction: column;
    justify-content: center;
    gap: 4px !important;
    padding-inline: 4px !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .mobile-more-group-content {
    gap: 6px;
  }

  body.mobile-ui-active .mobile-more-menu .mobile-more-button {
    padding-inline: 7px !important;
    font-size: 9px !important;
  }
}