/* beats-nav.css, 30.09.2026
   Kopf und Menue der Beats-Seite bekommen dieselben Zusatzregeln wie der Shop,
   damit Logo, Menueknopf, Warenkorbsymbol und Mobilmenue auf jedem Geraet
   an denselben Stellen stehen wie auf den anderen Tonstudio-Auftritten.
   Werte 1:1 aus tls-shop-style.css uebernommen (Zeilen 6115 ff., 13531 ff.,
   Mobilmenue-Farben 23.09.2026). Nichts davon veraendert Masse des Kopfes. */

/* Seitlicher Rand im Kopf: 20 px bis 900 px, ein Container (Dauerregel). */
@media (max-width: 900px) {
  nav.tls-nav-inner { padding-left: 20px; padding-right: 20px; }
}

/* Warenkorbsymbol in der Hauptnavigation */
.tls-nav-cart > a, .tls-mob-cart > a { position: relative !important; }
.tls-cart-wrap { display: inline-flex !important; align-items: center !important; position: relative !important; line-height: 1 !important; }
.tls-cart-icon { width: 22px !important; height: 22px !important; display: inline-block !important; vertical-align: middle !important; }
.tls-cart-badge {
  position: absolute !important; top: -8px !important; right: -10px !important;
  min-width: 18px !important; height: 18px !important; padding: 0 5px !important;
  background: var(--tls-brand, #dc2727) !important; color: #fff !important;
  font-family: 'Poppins', sans-serif !important; font-size: 10px !important; font-weight: 700 !important;
  line-height: 18px !important; text-align: center !important;
  border-radius: 999px !important; box-sizing: border-box !important;
}
.tls-sr-only { position: absolute !important; clip: rect(1px,1px,1px,1px) !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* Mobilmenue: Warenkorb und Lupe in #f5766a (6:1 auf #282834) */
.tls-mob-cart > a { color: #f5766a !important; }
.tls-mob-cart > a svg { stroke: #f5766a !important; }
.tls-mob-cart > a:hover, .tls-mob-cart > a:focus-visible { color: #ff8d82 !important; }
.tls-mob-cart > a:hover svg, .tls-mob-cart > a:focus-visible svg { stroke: #ff8d82 !important; }
.tls-mob-search-submit { color: #f5766a !important; }
.tls-mob-search-submit svg { stroke: #f5766a !important; }
.tls-mob-search-submit:hover, .tls-mob-search-submit:focus-visible { color: #ff8d82 !important; }
.tls-mob-search-submit:hover svg, .tls-mob-search-submit:focus-visible svg { stroke: #ff8d82 !important; }