/* Winkels.dev V3 Mobile Navbar Hotfix
   Datei: /src/farbe/mobile-nav-hotfix.css
   Fix: CTA-Button oben rechts läuft auf kleinen Displays aus dem Bildschirm.
*/

@media (max-width: 760px) {
  header,
  .navbar,
  .nav,
  .site-header {
    overflow: hidden;
  }

  nav {
    max-width: 100%;
    overflow: hidden;
  }

  nav a,
  .navbar a,
  .nav a,
  .site-header a {
    white-space: nowrap;
  }

  nav a:last-child,
  .navbar a:last-child,
  .nav a:last-child,
  .site-header a:last-child {
    max-width: 128px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
    border-radius: 999px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 520px) {
  nav,
  .navbar,
  .nav,
  .site-header {
    gap: 0.65rem !important;
  }

  nav a:last-child,
  .navbar a:last-child,
  .nav a:last-child,
  .site-header a:last-child {
    max-width: 105px;
    font-size: 0.82rem;
    padding: 0.5rem 0.7rem;
  }
}

@media (max-width: 430px) {
  nav a:last-child,
  .navbar a:last-child,
  .nav a:last-child,
  .site-header a:last-child {
    display: none;
  }
}