/* ==========================================================================
   Root / Design Tokens
   ========================================================================== */

:root {
  --gsb-accent: #700121;
  --gsb-primary: #002233;
  --gsb-muted: #666666;

  --gsb-bar-bg: #ededed;
  --gsb-border: #dddddd;

  --gsb-container: 80rem; /* 1280px */
  --gsb-pad: 10px;
}

/* ==========================================================================
   Global Boxing Container
   ========================================================================== */

.gsb-site .gsb-container {
  max-width: var(--gsb-container);
  margin-inline: auto;
  padding-inline: var(--gsb-pad);
  width: 100%;
  box-sizing: border-box;
}

/* ==========================================================================
   Zone A – Servicebar
   ========================================================================== */

/* ======================================================================
   SERVICEBAR
   ====================================================================== */

.gsb-servicebar {
  background: #ededed;
  margin: 0;
  padding: 0;
}

.gsb-servicebar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  padding-inline: 10px;
}

/* Gruppen */
.gsb-service-links,
.gsb-service-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Items */
.gsb-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #666666;
  text-decoration: none;
  background: none;
  border: none;
  padding: 6px 8px;
  cursor: pointer;
  line-height: 1;
}

/* Kontakt-Button */
.gsb-item.is-contact {
  background: var(--wp--preset--color--accent);
  color: #fff;
  padding: 6px 12px;
}

.gsb-item.is-contact:hover {
  background: #5c001b;
}

/* Icons */
.gsb-item .icon {
  width: 18px;
  height: 18px;
  display: block;
}

/* Hover / Active Icons */
.gsb-item .icon.hover,
.gsb-item .icon.active {
  display: none;
}

/* Hover-State */
.gsb-item:hover {
  color: var(--wp--preset--color--accent);
}

.gsb-item:hover .icon.default {
  display: none;
}

.gsb-item:hover .icon.hover {
  display: block;
}

/* Kontakt bleibt weiß */
.gsb-item.is-contact:hover {
  color: #fff;
}

.gsb-item.is-contact:hover .icon.hover {
  display: none;
}

/* Toggle */
.gsb-media-toggle[aria-pressed="true"] .icon.default {
  display: none;
}

.gsb-media-toggle[aria-pressed="true"] .icon.active {
  display: block;
}

/* Label */
.gsb-item .label {
  white-space: nowrap;
}

/* ======================================================================
   HEADER BRANDING – FIXES (KEIN EXTRA ABSTAND)
   ====================================================================== */

.gsb-header-branding {
  background: #fff;
  margin: 0;
  padding: 0;
}

.gsb-header-branding-inner {
  min-height: 120px;
  padding-inline: 10px;
  align-items: center;
}

/* ======================================================================
   NAVIGATION
   ====================================================================== */

.gsb-primary-nav {
  min-height: 52px;
  padding-inline: 10px;
  border-top: 1px solid #ddd;
  background: #fff;
}