/* Start: Fan30Tech Floating Mobile Bottom Navigation | sit v78 */

.mobile-bottom-nav {
  display: none;
}

@media (max-width: 720px) {
  .mobile-bottom-nav {
    position: fixed;
    right: 50%;
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
    z-index: 1250;
    display: block;
    width: min(calc(100vw - 20px), 410px);
    transform: translateX(50%);
    direction: rtl;
    pointer-events: none;
  }

  .mobile-bottom-nav__surface {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    min-height: 74px;
    padding: 8px 7px 7px;
    border: 1px solid rgba(216, 173, 85, 0.22);
    border-radius: 23px;
    background: rgba(10, 10, 11, 0.98);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
    pointer-events: auto;
  }

  .mobile-bottom-nav__item {
    appearance: none;
    min-width: 0;
    min-height: 58px;
    margin: 0;
    padding: 3px 2px 2px;
    border: 0;
    border-radius: 15px;
    outline: 0;
    background: transparent;
    color: #8f8c86;
    font: inherit;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-bottom-nav__icon {
    display: grid;
    width: 36px;
    height: 31px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: inherit;
    line-height: 0;
  }

  .mobile-bottom-nav__icon svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }

  .mobile-bottom-nav__icon svg * {
    fill: none;
    stroke: currentColor;
    vector-effect: non-scaling-stroke;
  }

  .mobile-bottom-nav__label {
    max-width: 100%;
    overflow: hidden;
    color: inherit;
    font-size: 0.64rem;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-bottom-nav__item.is-active,
  .mobile-bottom-nav__item[aria-current="page"] {
    color: #f0ce7a;
  }

  .mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item[aria-current="page"] .mobile-bottom-nav__icon {
    border-color: rgba(216, 173, 85, 0.24);
    background: rgba(216, 173, 85, 0.11);
  }

  .mobile-bottom-nav__item:focus-visible {
    box-shadow: 0 0 0 2px #0a0a0b, 0 0 0 4px rgba(240, 206, 122, 0.72);
  }

  .mobile-bottom-nav__item--home {
    position: relative;
    z-index: 2;
    overflow: visible;
    transform: translateY(-4px);
  }

  .mobile-bottom-nav__item--home .mobile-bottom-nav__icon {
    width: 42px;
    height: 42px;
    margin: 0;
    border-color: rgba(216, 173, 85, 0.34);
    border-radius: 15px;
    background: #151515;
    color: #d8ad55;
  }

  .mobile-bottom-nav__item--home .mobile-bottom-nav__icon svg {
    width: 23px;
    height: 23px;
  }

  .mobile-bottom-nav__item--home.is-active .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item--home[aria-current="page"] .mobile-bottom-nav__icon {
    border-color: #d8ad55;
    background: linear-gradient(145deg, #edc86f, #bd8d36);
    color: #171108;
  }

  .mobile-bottom-nav__item--menu.is-active {
    color: #f0ce7a;
  }

  .mobile-bottom-nav__item--menu.is-active .mobile-bottom-nav__icon {
    border-color: rgba(216, 173, 85, 0.28);
    background: rgba(216, 173, 85, 0.12);
  }

  body.has-mobile-bottom-nav {
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px));
  }

  body.has-mobile-bottom-nav .global-nav {
    padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[data-theme="light"] .mobile-bottom-nav__surface {
    border-color: rgba(123, 86, 28, 0.2);
    background: rgba(251, 249, 244, 0.98);
    box-shadow: 0 15px 35px rgba(61, 45, 20, 0.2);
  }

  html[data-theme="light"] .mobile-bottom-nav__item {
    color: #777169;
  }

  html[data-theme="light"] .mobile-bottom-nav__item.is-active,
  html[data-theme="light"] .mobile-bottom-nav__item[aria-current="page"],
  html[data-theme="light"] .mobile-bottom-nav__item--menu.is-active {
    color: #8f621f;
  }

  html[data-theme="light"] .mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon,
  html[data-theme="light"] .mobile-bottom-nav__item[aria-current="page"] .mobile-bottom-nav__icon,
  html[data-theme="light"] .mobile-bottom-nav__item--menu.is-active .mobile-bottom-nav__icon {
    border-color: rgba(143, 98, 31, 0.22);
    background: rgba(184, 137, 56, 0.1);
  }

  html[data-theme="light"] .mobile-bottom-nav__item--home .mobile-bottom-nav__icon {
    border-color: rgba(143, 98, 31, 0.28);
    background: #fffdf8;
    color: #9f7026;
  }

  html[data-theme="light"] .mobile-bottom-nav__item--home.is-active .mobile-bottom-nav__icon,
  html[data-theme="light"] .mobile-bottom-nav__item--home[aria-current="page"] .mobile-bottom-nav__icon {
    border-color: #b88938;
    background: linear-gradient(145deg, #e4bb62, #b98531);
    color: #191208;
  }
}

@media (max-width: 370px) {
  .mobile-bottom-nav {
    width: calc(100vw - 12px);
  }

  .mobile-bottom-nav__surface {
    padding-inline: 4px;
    border-radius: 20px;
  }

  .mobile-bottom-nav__label {
    font-size: 0.59rem;
  }
}

/* End: Fan30Tech Floating Mobile Bottom Navigation | sit v78 */

/* Mobile drawer active-state system | sit v78
   Every entry stays neutral unless its page/section is active. */
@media (max-width: 1020px) {
  #primary-nav .global-nav__signup,
  #primary-nav .global-nav__manager {
    margin-top: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 10px;
    color: #d5d0c5;
    background: transparent;
    transform: none;
  }

  #primary-nav .global-nav__link,
  #primary-nav .global-nav__account-link,
  #primary-nav .global-nav__signup,
  #primary-nav .global-nav__manager {
    color: #d5d0c5;
    background: transparent;
    box-shadow: none;
  }

  #primary-nav .global-nav__link.is-active,
  #primary-nav .global-nav__account-link.is-active,
  #primary-nav .global-nav__signup.is-active,
  #primary-nav .global-nav__manager.is-active {
    border: 1px solid rgba(216, 173, 85, 0.38);
    color: #f0ce7a;
    background: rgba(216, 173, 85, 0.12);
    font-weight: 800;
  }

  #primary-nav .global-nav__link.is-active .global-nav__mobile-icon,
  #primary-nav .global-nav__account-link.is-active .global-nav__mobile-icon,
  #primary-nav .global-nav__signup.is-active .global-nav__mobile-icon,
  #primary-nav .global-nav__manager.is-active .global-nav__mobile-icon {
    color: currentColor;
  }

  html[data-theme="light"] #primary-nav .global-nav__signup,
  html[data-theme="light"] #primary-nav .global-nav__manager {
    color: #625d54;
    background: transparent;
  }

  html[data-theme="light"] #primary-nav .global-nav__link.is-active,
  html[data-theme="light"] #primary-nav .global-nav__account-link.is-active,
  html[data-theme="light"] #primary-nav .global-nav__signup.is-active,
  html[data-theme="light"] #primary-nav .global-nav__manager.is-active {
    border-color: rgba(143, 98, 31, 0.34);
    color: #8f621f;
    background: rgba(184, 137, 56, 0.11);
  }
}


/* Start: Non-home active item outline | sit v112
   Keep the Home item exactly as defined above. Other active items use a
   transparent interior, a clear gold outline, and gold icon/label. */
@media (max-width: 720px) {
  .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home).is-active,
  .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home)[aria-current="page"] {
    color: #f0ce7a;
  }

  .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home).is-active .mobile-bottom-nav__icon,
  .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home)[aria-current="page"] .mobile-bottom-nav__icon {
    border-color: #d8ad55;
    background: transparent;
    color: #f0ce7a;
  }

  html[data-theme="light"] .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home).is-active,
  html[data-theme="light"] .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home)[aria-current="page"] {
    color: #8f621f;
  }

  html[data-theme="light"] .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home).is-active .mobile-bottom-nav__icon,
  html[data-theme="light"] .mobile-bottom-nav__item:not(.mobile-bottom-nav__item--home)[aria-current="page"] .mobile-bottom-nav__icon {
    border-color: #b88938;
    background: transparent;
    color: #8f621f;
  }
}
/* End: Non-home active item outline | sit v112 */