/**
 * Náš tým (nastym.php) – sjednocení s portálovým design systémem.
 * Načítat po nastym.css a portal-design-system.css.
 */

body.pk-portal-nastym {
  background: linear-gradient(
    135deg,
    #fbfcfd 0%,
    #f4f7f6 22%,
    #eef4f0 45%,
    #e8f5e9 65%,
    #f7faf8 100%
  ) !important;
  background-size: auto !important;
  animation: none !important;
  color: var(--pk-ds-text, #1a3a1a);
}

body.pk-portal-nastym::before {
  background-image:
    radial-gradient(circle at 18% 82%, rgba(76, 175, 80, 0.07) 0%, transparent 54%),
    radial-gradient(circle at 82% 18%, rgba(102, 187, 106, 0.07) 0%, transparent 54%),
    radial-gradient(circle at 42% 40%, rgba(139, 195, 74, 0.04) 0%, transparent 52%),
    radial-gradient(circle at 50% 12%, rgba(15, 23, 42, 0.03) 0%, transparent 55%) !important;
  animation: none !important;
}

/* Navigace – stejný tón jako portál / statistiky */
body.pk-portal-nastym .modern-nav {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: var(--pk-ds-border, 1px solid rgba(15, 23, 42, 0.09)) !important;
  box-shadow: var(--pk-ds-shadow, 0 10px 32px rgba(15, 23, 42, 0.07)) !important;
  border-radius: 0 0 var(--pk-ds-radius-lg, 18px) var(--pk-ds-radius-lg, 18px);
}

body.pk-portal-nastym .modern-nav::before {
  height: 2px !important;
  animation: none !important;
  background: linear-gradient(90deg, #4caf50, #66bb6a, #8bc34a) !important;
  background-size: 100% 100% !important;
}

body.pk-portal-nastym .nav-title {
  color: var(--pk-ds-text, #1a3a1a) !important;
}

body.pk-portal-nastym .nav-link,
body.pk-portal-nastym .nav-link-mobile,
body.pk-portal-nastym .dropdown-item {
  border-radius: var(--pk-ds-radius-pill, 999px);
}

/* Portál v navigaci – stejný světlý pill jako „Zpět“ na statistikách */
body.pk-portal-nastym .nav-dropdown .dropdown-toggle,
body.pk-portal-nastym .nav-link.nav-link-portal,
body.pk-portal-nastym .nav-link-mobile-portal {
  background: rgba(47, 107, 31, 0.08) !important;
  color: #14532d !important;
  border: 1px solid rgba(47, 107, 31, 0.22) !important;
  border-radius: 999px !important;
  padding: 0.85rem 1.25rem !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  min-width: auto !important;
  height: auto !important;
  line-height: 1.2 !important;
  backdrop-filter: none !important;
}

body.pk-portal-nastym .nav-dropdown .dropdown-toggle:hover,
body.pk-portal-nastym .nav-link.nav-link-portal:hover,
body.pk-portal-nastym .nav-link-mobile-portal:hover {
  background: rgba(47, 107, 31, 0.12) !important;
  color: #14532d !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

body.pk-portal-nastym .nav-dropdown .dropdown-toggle:focus-visible,
body.pk-portal-nastym .nav-link-mobile-portal:focus-visible {
  outline: 3px solid rgba(47, 107, 31, 0.35) !important;
  outline-offset: 3px;
}

body.pk-portal-nastym .nav-links-desktop .nav-dropdown {
  margin-left: 0.5rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(47, 107, 31, 0.15);
}

body.pk-portal-nastym .nav-dropdown .dropdown-menu,
body.pk-portal-nastym .dropdown-menu-mobile {
  border-radius: var(--pk-ds-radius-lg, 18px) !important;
  border: var(--pk-ds-border, 1px solid rgba(15, 23, 42, 0.09)) !important;
  box-shadow: var(--pk-ds-shadow, 0 10px 32px rgba(15, 23, 42, 0.07)) !important;
}

/* Hero – světlý banner jako sekční karta (místo tmavého animovaného pásu) */
body.pk-portal-nastym .hero-section {
  background: rgba(255, 255, 255, 0.96) !important;
  background-size: auto !important;
  animation: none !important;
  color: var(--pk-ds-text, #1a3a1a) !important;
  border: var(--pk-ds-border, 1px solid rgba(15, 23, 42, 0.09));
  border-radius: var(--pk-ds-radius-lg, 18px);
  box-shadow: var(--pk-ds-shadow, 0 10px 32px rgba(15, 23, 42, 0.07));
  margin: 1.15rem auto 0;
  max-width: 1200px;
  width: calc(100% - 2rem);
  padding: 1.75rem 0 !important;
}

body.pk-portal-nastym .hero-section::before,
body.pk-portal-nastym .hero-section::after {
  opacity: 0.12 !important;
  font-size: 2rem !important;
  animation: none !important;
}

body.pk-portal-nastym .hero-title {
  color: var(--pk-ds-text, #1a3a1a) !important;
  text-shadow: none !important;
}

body.pk-portal-nastym .hero-subtitle {
  color: var(--pk-ds-muted, #475569) !important;
}

body.pk-portal-nastym .hero-year {
  color: var(--pk-ds-green, #2f6b1f) !important;
}

body.pk-portal-nastym .hero-motto-text {
  color: rgba(47, 107, 31, 0.42) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: rgba(47, 107, 31, 0.42) !important;
}

@media (max-width: 768px) {
  body.pk-portal-nastym .hero-motto-text {
    color: rgba(47, 107, 31, 0.5) !important;
    -webkit-text-fill-color: rgba(47, 107, 31, 0.5) !important;
  }
}

body.pk-portal-nastym .hero-buttons .example-2 .icon-content a {
  color: var(--pk-ds-green, #2f6b1f) !important;
  background: rgba(47, 107, 31, 0.08) !important;
  border: 1px solid rgba(47, 107, 31, 0.22) !important;
  box-shadow: none !important;
}

body.pk-portal-nastym .hero-buttons .example-2 .icon-content a:hover {
  background: rgba(47, 107, 31, 0.14) !important;
  color: #14532d !important;
}

body.pk-portal-nastym .hero-buttons .example-2 .icon-content .tooltip {
  color: var(--pk-ds-text, #1a3a1a) !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

body.pk-portal-nastym .main-container {
  padding: 1.5rem 1rem 2.5rem;
}

body.pk-portal-nastym .content-grid {
  gap: var(--pk-ds-gap-section, 1.5rem);
}

/* Karty – stejný box jako portál hráče / statistiky */
body.pk-portal-nastym .card {
  background: rgba(255, 255, 255, 0.96) !important;
  border: var(--pk-ds-border, 1px solid rgba(15, 23, 42, 0.09)) !important;
  border-radius: var(--pk-ds-radius-lg, 18px) !important;
  box-shadow: var(--pk-ds-shadow, 0 10px 32px rgba(15, 23, 42, 0.07)) !important;
  backdrop-filter: none;
}

body.pk-portal-nastym .card::before {
  height: 3px !important;
  animation: none !important;
  background: linear-gradient(90deg, #4caf50, #66bb6a) !important;
  background-size: 100% 100% !important;
}

body.pk-portal-nastym .card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.1) !important;
  border-color: rgba(47, 107, 31, 0.18) !important;
}

body.pk-portal-nastym .card-title {
  font-size: 1.35rem !important;
  color: var(--pk-ds-text, #1a3a1a) !important;
  line-height: 1.2;
}

body.pk-portal-nastym .team-description,
body.pk-portal-nastym .card-content p {
  color: var(--pk-ds-muted, #475569) !important;
  line-height: var(--pk-ds-line-body, 1.55);
}

/* Tlačítka – pill styl */
body.pk-portal-nastym .btn {
  border-radius: var(--pk-ds-radius-pill, 999px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

body.pk-portal-nastym .btn::after {
  display: none !important;
}

body.pk-portal-nastym .btn-primary,
body.pk-portal-nastym a.btn-primary {
  background: linear-gradient(135deg, #4caf50, var(--pk-ds-green, #2f6b1f)) !important;
  color: #fff !important;
  border: 1px solid rgba(47, 107, 31, 0.35) !important;
}

body.pk-portal-nastym .btn-primary:hover,
body.pk-portal-nastym a.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.1) !important;
}

body.pk-portal-nastym .btn-outline,
body.pk-portal-nastym a.btn-outline {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--pk-ds-green, #2f6b1f) !important;
  border: 1px solid rgba(47, 107, 31, 0.32) !important;
}

body.pk-portal-nastym .btn-contacts {
  background: rgba(47, 107, 31, 0.08) !important;
  color: #14532d !important;
  border: 1px solid rgba(47, 107, 31, 0.22) !important;
}

body.pk-portal-nastym .btn-contacts:hover {
  background: rgba(47, 107, 31, 0.12) !important;
}

/* Patička – světlejší, v souladu s ostatními stránkami */
body.pk-portal-nastym .modern-footer {
  background: linear-gradient(180deg, #1e3a1e 0%, #162e16 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 2rem;
}

body.pk-portal-nastym .search-results-dropdown {
  border-radius: var(--pk-ds-radius-md, 14px) !important;
  border: var(--pk-ds-border, 1px solid rgba(15, 23, 42, 0.09)) !important;
  box-shadow: var(--pk-ds-shadow, 0 10px 32px rgba(15, 23, 42, 0.07)) !important;
}

@media (max-width: 768px) {
  body.pk-portal-nastym .hero-section {
    width: calc(100% - 1.25rem);
    margin-top: 0.75rem;
    padding: 1.25rem 0 !important;
  }

  body.pk-portal-nastym .hero-title {
    font-size: 2.25rem !important;
  }

  body.pk-portal-nastym .content-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  body.pk-portal-nastym .main-container {
    padding: 1rem 0.75rem 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pk-portal-nastym .card,
  body.pk-portal-nastym .btn,
  body.pk-portal-nastym .hero-section {
    transition: none !important;
    animation: none !important;
  }
}