/* =========================================================
   FK Atletiko Niš - Visual fix v59
   Radi kao dodatni vizuelni sloj preko stabilne teme v56.
   Ne dira share linkove, modal kartice igrača, Viber/WhatsApp preview.
========================================================= */

:root {
  --atletiko-v57-gold: #fbc501;
  --atletiko-v57-black: #050505;
}

/* 1) Glavni meni: Generacije vidljive i vizuelno u stilu sajta */
.atletiko-menu-generacije-item > a,
.atletiko-menu-generacije-link,
.main-navigation .atletiko-menu-generacije-link,
.site-navigation .atletiko-menu-generacije-link,
header nav .atletiko-menu-generacije-link {
  color: var(--atletiko-v57-gold) !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.atletiko-v57-generacije-active .atletiko-menu-generacije-item > a,
body.atletiko-v57-generacije-active .atletiko-menu-generacije-link,
.atletiko-menu-generacije-item.current-menu-item > a,
.atletiko-menu-generacije-item.current_page_item > a {
  color: var(--atletiko-v57-gold) !important;
  text-shadow: 0 0 12px rgba(251, 197, 1, .55) !important;
}



/* v58: Generacije u headeru bez zatamnjenog/teškog aktivnog bloka */
header .atletiko-menu-generacije-item,
header .atletiko-menu-generacije-item.current-menu-item,
header .atletiko-menu-generacije-item.current_page_item,
.main-navigation .atletiko-menu-generacije-item,
.main-navigation .atletiko-menu-generacije-item.current-menu-item,
.site-navigation .atletiko-menu-generacije-item,
.site-navigation .atletiko-menu-generacije-item.current-menu-item,
nav .atletiko-menu-generacije-item,
nav .atletiko-menu-generacije-item.current-menu-item,
.menu .atletiko-menu-generacije-item,
.menu .atletiko-menu-generacije-item.current-menu-item {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

header .atletiko-menu-generacije-item > a,
header .atletiko-menu-generacije-link,
.main-navigation .atletiko-menu-generacije-link,
.site-navigation .atletiko-menu-generacije-link,
nav .atletiko-menu-generacije-link,
.menu .atletiko-menu-generacije-link {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  color: var(--atletiko-v57-gold) !important;
}

body.atletiko-v57-generacije-active header .atletiko-menu-generacije-link,
body.atletiko-v57-generacije-active nav .atletiko-menu-generacije-link,
.atletiko-menu-generacije-item.current-menu-item > a,
.atletiko-menu-generacije-item.current_page_item > a {
  background: transparent !important;
  border-radius: 0 !important;
  position: relative !important;
}

body.atletiko-v57-generacije-active header .atletiko-menu-generacije-link::after,
.atletiko-menu-generacije-item.current-menu-item > a::after,
.atletiko-menu-generacije-item.current_page_item > a::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: -6px !important;
  width: 34px !important;
  height: 2px !important;
  transform: translateX(-50%) !important;
  border-radius: 99px !important;
  background: var(--atletiko-v57-gold) !important;
  box-shadow: 0 0 8px rgba(251,197,1,.55) !important;
}

/* JS fallback link ako je meni hardkodovan u temi */
.atletiko-v57-menu-fallback-link {
  color: var(--atletiko-v57-gold) !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* 2) Trening kategorije: link kartice da izgledaju kao klikabilne generacije */
.atletiko-v57-generation-link,
.atletiko-v57-clickable-generation {
  cursor: pointer !important;
}

.atletiko-v57-clickable-generation {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.atletiko-v57-clickable-generation:hover {
  transform: translateY(-3px) !important;
  border-color: var(--atletiko-v57-gold) !important;
  box-shadow: 0 12px 34px rgba(251, 197, 1, .18) !important;
}

/* 3) Prijatelji kluba: 4 u redu na velikim ekranima, 2 u redu na manjim */
.prijatelji-kluba-grid,
.prijatelji-grid,
.atletiko-prijatelji-grid,
.atletiko-friends-grid,
.friends-grid,
.partneri-grid,
.partners-grid,
.sponsors-grid,
.sponsor-grid,
.logo-grid,
.club-friends-grid,
[class*="prijatelji"] [class*="grid"],
[class*="friends"] [class*="grid"],
[class*="partner"] [class*="grid"],
[class*="sponsor"] [class*="grid"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.prijatelji-kluba-grid > *,
.prijatelji-grid > *,
.atletiko-prijatelji-grid > *,
.atletiko-friends-grid > *,
.friends-grid > *,
.partneri-grid > *,
.partners-grid > *,
.sponsors-grid > *,
.sponsor-grid > *,
.logo-grid > *,
.club-friends-grid > *,
[class*="prijatelji"] [class*="grid"] > *,
[class*="friends"] [class*="grid"] > *,
[class*="partner"] [class*="grid"] > *,
[class*="sponsor"] [class*="grid"] > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.prijatelji-kluba-grid img,
.prijatelji-grid img,
.atletiko-prijatelji-grid img,
.atletiko-friends-grid img,
.friends-grid img,
.partneri-grid img,
.partners-grid img,
.sponsors-grid img,
.sponsor-grid img,
.logo-grid img,
.club-friends-grid img,
[class*="prijatelji"] [class*="grid"] img,
[class*="friends"] [class*="grid"] img,
[class*="partner"] [class*="grid"] img,
[class*="sponsor"] [class*="grid"] img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 900px) {
  .prijatelji-kluba-grid,
  .prijatelji-grid,
  .atletiko-prijatelji-grid,
  .atletiko-friends-grid,
  .friends-grid,
  .partneri-grid,
  .partners-grid,
  .sponsors-grid,
  .sponsor-grid,
  .logo-grid,
  .club-friends-grid,
  [class*="prijatelji"] [class*="grid"],
  [class*="friends"] [class*="grid"],
  [class*="partner"] [class*="grid"],
  [class*="sponsor"] [class*="grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 360px) {
  .prijatelji-kluba-grid,
  .prijatelji-grid,
  .atletiko-prijatelji-grid,
  .atletiko-friends-grid,
  .friends-grid,
  .partneri-grid,
  .partners-grid,
  .sponsors-grid,
  .sponsor-grid,
  .logo-grid,
  .club-friends-grid,
  [class*="prijatelji"] [class*="grid"],
  [class*="friends"] [class*="grid"],
  [class*="partner"] [class*="grid"],
  [class*="sponsor"] [class*="grid"] {
    gap: 10px !important;
  }
}

/* 4) Stranica Generacije: razmak između brojeva na karticama */
.generation-card .generation-year,
.generation-card .year,
.generacija-card .generation-year,
.generacija-card .year,
.generacije-card .generation-year,
.generacije-card .year,
.atletiko-generation-card .generation-year,
.atletiko-generation-card .year,
.atletiko-generacija-card .generation-year,
.atletiko-generacija-card .year,
.player-generation,
.card-generation,
.generation-number,
.generacija-number,
.generacija-godiste,
.generation-godiste,
[class*="generation"] [class*="year"],
[class*="generacija"] [class*="year"],
[class*="generation"] [class*="godiste"],
[class*="generacija"] [class*="godiste"],
[class*="generation"] [class*="number"],
[class*="generacija"] [class*="number"] {
  letter-spacing: .17em !important;
  word-spacing: .12em !important;
  line-height: 1.05 !important;
  font-kerning: normal !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

/* Ako su brojke unutar zasebnih span elemenata, pravimo mali gap */
.generation-card .generation-year,
.generacija-card .generation-year,
.atletiko-generation-card .generation-year,
.atletiko-generacija-card .generation-year,
.generation-number,
.generacija-number,
.generacija-godiste,
.generation-godiste {
  display: inline-flex !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: center !important;
}


/* v58: Naša škola - Generacije / Uzrasti kao jasni linkovi */
.atletiko-v58-nasa-skola-link,
.atletiko-v58-nasa-skola-clickable {
  color: var(--atletiko-v57-gold) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.atletiko-v58-nasa-skola-link:hover,
.atletiko-v58-nasa-skola-clickable:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.atletiko-v58-nasa-skola-clickable {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.atletiko-v58-nasa-skola-clickable:hover {
  transform: translateY(-2px) !important;
  border-color: var(--atletiko-v57-gold) !important;
  box-shadow: 0 12px 28px rgba(251,197,1,.14) !important;
}


/* v59: Na stranici Naša škola ne linkujemo naslov "Generacije / Uzrasti".
   Klikabilne su samo kartice pojedinačnih generacija. */
.atletiko-v59-nasa-skola-card-link,
.atletiko-v59-nasa-skola-card-link * {
  cursor: pointer !important;
}

.atletiko-v59-nasa-skola-card-link {
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.atletiko-v59-nasa-skola-card-link:hover,
.atletiko-v59-nasa-skola-card-link:focus-visible {
  transform: translateY(-3px) !important;
  border-color: var(--atletiko-v57-gold) !important;
  box-shadow: 0 12px 34px rgba(251, 197, 1, .18) !important;
  outline: none !important;
}

/* Ako je prethodna verzija napravila link oko samog naslova, vizuelno ga vraćamo kao običan naslov. */
main a.atletiko-v58-nasa-skola-link,
.entry-content a.atletiko-v58-nasa-skola-link,
article a.atletiko-v58-nasa-skola-link {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
}