/* Restored production customisations after the 2026-09-04 static rebuild. */
footer {
  background-color: #000 !important;
}

/* The whole submenu row is a comfortable, clickable target. */
[role="dialog"] nav[aria-label="Mobilní navigace"] ul > li,
[role="menu"] ul > li {
  width: 100%;
}

[role="dialog"] nav[aria-label="Mobilní navigace"] ul > li > a,
[role="menu"] ul > li > a[role="menuitem"] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  padding: 9px 11px;
  border-radius: 3px;
  color: inherit;
  transition: background-color .16s ease, color .16s ease;
}

[role="dialog"] nav[aria-label="Mobilní navigace"] ul > li > a:hover,
[role="dialog"] nav[aria-label="Mobilní navigace"] ul > li > a:focus-visible,
[role="menu"] ul > li > a[role="menuitem"]:hover,
[role="menu"] ul > li > a[role="menuitem"]:focus-visible {
  background-color: #00a887;
  color: #101817 !important;
  outline: none;
}

[role="dialog"] nav[aria-label="Mobilní navigace"] ul > li > a:focus-visible,
[role="menu"] ul > li > a[role="menuitem"]:focus-visible {
  box-shadow: 0 0 0 2px #fff inset;
}

/* Make the homepage image zoom visible and consistent across rebuilt CSS. */
body.north-home main a.group img {
  transition: scale .55s ease, filter .55s ease !important;
  will-change: scale;
}

body.north-home main a.group:hover img,
body.north-home main a.group:focus-visible img {
  scale: 1.075 !important;
}

/* Restore the tuned image proportions used by the comparison diagrams. */
body[class*="north-collection-"] section[aria-label="Porovnání modelů"] article {
  position: relative;
  overflow: hidden;
}

body[class*="north-collection-"] section[aria-label="Porovnání modelů"] article > div:first-child {
  position: relative;
  z-index: 2;
}

body[class*="north-collection-"] section[aria-label="Porovnání modelů"] article > div.relative:last-child {
  position: absolute !important;
  z-index: 1;
  right: -8%;
  bottom: -2%;
  width: 63% !important;
  height: 82% !important;
}

body.north-collection-draci section[aria-label="Porovnání modelů"] article:nth-child(1) > div.relative:last-child {
  right: -14%;
  bottom: 2%;
  width: 78% !important;
  height: 98% !important;
}

body.north-collection-draci section[aria-label="Porovnání modelů"] article:nth-child(4) > div.relative:last-child {
  right: -5%;
  bottom: 3%;
  width: 60% !important;
  height: 82% !important;
}

body.north-collection-draci section[aria-label="Porovnání modelů"] article:nth-child(5) h3 {
  font-size: 20px;
  white-space: nowrap;
}

body.north-collection-twintipy section[aria-label="Porovnání modelů"] article > div.relative:last-child,
body.north-collection-foilboardy section[aria-label="Porovnání modelů"] article > div.relative:last-child,
body.north-collection-surfboardy section[aria-label="Porovnání modelů"] article > div.relative:last-child {
  right: -4%;
  bottom: 4%;
  width: 72% !important;
  height: 62% !important;
}

body.north-collection-bary section[aria-label="Porovnání modelů"] article > div.relative:last-child,
body.north-collection-foily section[aria-label="Porovnání modelů"] article > div.relative:last-child {
  right: 0;
  bottom: 1%;
  width: 58% !important;
  height: 78% !important;
}

@media (prefers-reduced-motion: reduce) {
  body.north-home main a.group img {
    transition: none !important;
  }
}