/* موبایل: نوار بالا و لینک صفحه اصلی قابل لمس بمانند */

:root {
  --header-h: calc(var(--nav-h) + var(--vote-bar-h, 0px));
}

.kp-vote-strip,
.kp-vote-strip--duo {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 48px;
  overflow: visible;
}

.kp-vote-strip__btn,
a.kp-vote-strip__btn {
  position: relative;
  z-index: 6;
  pointer-events: auto !important;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(240, 180, 90, 0.35);
}

.kp-vote-strip__kicker a {
  color: inherit;
  text-decoration: none;
  pointer-events: auto;
  touch-action: manipulation;
}

.topbar.topbar--campaign {
  height: auto !important;
}

@media (max-width: 960px) {
  .topbar.topbar--campaign:has(.kp-vote-strip--duo) {
    height: auto !important;
  }

  .nav-toggle {
    position: relative;
    z-index: 8;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  .nav.is-open,
  .nav-backdrop {
    top: var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px))) !important;
  }

  .nav.is-open {
    max-height: calc(100dvh - var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px)))) !important;
  }

  .nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    touch-action: manipulation;
  }

  .page-home .hero {
    padding-top: calc(var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px))) + 1.25rem) !important;
  }

  .page-about .vote-campaign {
    padding-top: calc(var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px))) + 1.1rem) !important;
  }

  .page-terms .terms-hero {
    padding-top: calc(var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px))) + env(safe-area-inset-top, 0px) + 1.15rem) !important;
  }

  .page-news .news-list-hero {
    padding-top: calc(var(--header-h, calc(var(--nav-h) + var(--vote-bar-h, 0px))) + env(safe-area-inset-top, 0px) + 1.15rem) !important;
  }

  .kp-vote-strip__btns .kp-vote-strip__btn {
    min-height: 44px;
  }

  a,
  button {
    touch-action: manipulation;
  }
}