/* Switch between www.gsk.ch and the shop, placed in the header region. */
#block-gskwebsitelink {
  justify-self: end;
}

/* Header grid (stable_gsk): right column of the row below the account menu. */
@media (min-width: 768px) {
  #block-gskwebsitelink {
    grid-column: 4;
    grid-row: 2;
    align-self: center;
  }
}

/* Mobile: next to the cart. */
@media (max-width: 767px) {
  #block-gskwebsitelink {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
  }
}

/* "Shop" carries the logo's blue stripe as the current site. */
.gsk-site-switch {
  display: inline-flex;
  border: 1px solid #CCCCCC;
}

.gsk-site-switch__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px 4px;
  border-bottom: 3px solid transparent;
  color: #0075BF;
  text-decoration: none;
}

.gsk-site-switch__item + .gsk-site-switch__item {
  border-left: 1px solid #CCCCCC;
}

.gsk-site-switch__item:hover {
  background-color: #F3F5F8;
  color: #0075BF;
}

.gsk-site-switch__item:focus-visible {
  outline: 2px solid #016DB6;
  outline-offset: 2px;
}

.gsk-site-switch__item.is-current {
  border-bottom-color: #016DB6;
  color: #535353;
}

/* House icon, drawn like the cart icon (thin square-cornered line). */
.gsk-site-switch__icon {
  flex: none;
  width: 40px;
  height: 40px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3;
}