/*
 * Masuria Esport - Komfig logo strip (assets/css/sections/komfig-strip.css)
 * Markup: template-parts/sections/komfig-strip.php. Motion: assets/js/komfig-strip.js.
 * ADDED: not in design. Full-bleed band between hero and "Pierwsza piątka".
 */

.msr-komfig-strip {
  padding-block: 32px;
  background-color: var(--msr-surface-alt);
  border-block: 1px solid var(--msr-border-subtle);
}

.msr-komfig-strip__title {
  margin-bottom: 24px;
  font-style: normal; /* the global h2 is italic */
  text-align: center;
}

.msr-komfig-strip__viewport {
  overflow: hidden;
  overflow: clip; /* clip, not hidden: keyboard focus must not scroll the strip by itself */
  cursor: grab;
  touch-action: pan-y; /* a vertical swipe still scrolls the page, a horizontal one spins the strip */
  user-select: none;
  -webkit-user-select: none;
}

.msr-komfig-strip__viewport.is-dragging,
.msr-komfig-strip__viewport.is-dragging .msr-komfig-strip__link {
  cursor: grabbing;
}

.msr-komfig-strip__track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.msr-komfig-strip__group {
  display: flex;
  flex: none;
  align-items: center;
}

/* Margins, not a flex gap: the group width must equal exactly one repeat of the pattern for a seamless wrap */
.msr-komfig-strip__link {
  display: block;
  flex: none;
  margin-inline: 48px;
  -webkit-user-drag: none;
}

.msr-komfig-strip__link:focus-visible {
  outline: 2px solid var(--msr-gold);
  outline-offset: -2px;
}

.msr-komfig-strip__logo {
  display: block;
  width: auto;
  height: 48px;
  pointer-events: none; /* the press lands on the link: no native image drag */
  -webkit-user-drag: none;
}

@media (max-width: 767px) {
  .msr-komfig-strip {
    padding-block: 24px;
  }

  .msr-komfig-strip__link {
    margin-inline: 32px;
  }

  .msr-komfig-strip__logo {
    height: 36px;
  }
}