/* Formuleshop – Akademie F1 s Patrikem, carousel na titulce, v1, 11/2026, Filipesmedia.
   Obsah (díly, odkazy, obrázky) je v banneru 35: Vzhled a obsah > Bannery. */

.fm-akademie { margin: 50px 0 10px; }

.fm-akademie__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 19px; }
.fm-akademie .fm-akademie__title { margin: 0; }
.fm-akademie .fm-akademie__title a { color: inherit; text-decoration: none; }
.fm-akademie .fm-akademie__title a:hover { text-decoration: underline; }

.fm-akademie__nav { display: flex; gap: 8px; flex-shrink: 0; }
.fm-akademie .fm-akademie__arrow {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin: 0; padding: 0 0 4px;
  border: 1px solid #d5d5d5; border-radius: 50%; background: #fff; color: #000;
  font: 400 30px/1 Ubuntu, sans-serif; cursor: pointer;
  transition: background-color .2s, border-color .2s, color .2s, opacity .2s;
}
.fm-akademie .fm-akademie__arrow:hover:not(:disabled) { background: var(--color-primary, #cc1a25); border-color: var(--color-primary, #cc1a25); color: #fff; }
.fm-akademie .fm-akademie__arrow:disabled { opacity: .35; cursor: default; }
.fm-akademie--static .fm-akademie__nav { display: none; }

.fm-akademie__track {
  display: flex; gap: 20px; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  padding: 4px 0 10px; /* místo pro stín při najetí */
}
.fm-akademie__track::-webkit-scrollbar { display: none; }

.fm-akademie .fm-akademie__item {
  flex: 0 0 calc((100% - 20px) / 2); scroll-snap-align: start;
  display: block; aspect-ratio: 16 / 9; overflow: hidden;
  border-radius: 20px; background: #1a1a1a;
  transition: transform .25s ease, box-shadow .25s ease;
}
.fm-akademie .fm-akademie__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fm-akademie .fm-akademie__item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.fm-akademie .fm-akademie__item:focus-visible { outline: 3px solid var(--color-primary, #cc1a25); outline-offset: 3px; }

.fm-akademie__foot { margin-top: 8px; text-align: center; }
.fm-akademie .fm-akademie__all { font-weight: 700; font-size: 16px; color: var(--color-primary, #cc1a25); text-decoration: none; }
.fm-akademie .fm-akademie__all::after { content: " →"; }
.fm-akademie .fm-akademie__all:hover { text-decoration: underline; }

@media (max-width: 767px) {
  .fm-akademie { margin-top: 30px; }
  .fm-akademie__nav { display: none; }
  .fm-akademie__track { gap: 12px; }
  .fm-akademie .fm-akademie__item { flex-basis: 85%; border-radius: 14px; }
  .fm-akademie .fm-akademie__item:hover { transform: none; box-shadow: none; }
}