:root {
  --background: #ffffff;
  --foreground: #111111;
  --muted: #bfbfbf;
  --ring-line: rgba(27, 31, 35, 0.15);
  --accent-blue: #006aff;
  --accent-purple: #ba00d2;
  --font-sans: "Cal Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Red Hat Display", ui-sans-serif, system-ui, sans-serif;
}

html, body { background: var(--background); color: var(--foreground); }
body { font-family: var(--font-sans); }
.font-body { font-family: var(--font-body); }

.text-gradient {
  background-image: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes gradient-pulse {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

.text-gradient-animated {
  background-image: linear-gradient(90deg, var(--accent-blue) 0%, var(--accent-purple) 50%, var(--accent-blue) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradient-pulse 5s ease-in-out infinite;
}

.card-ring {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.02), 0 0 0 1px var(--ring-line);
}
.card-border {
  border: 1px solid rgba(27, 31, 35, 0.15);
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.gradient-border {
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(#ffffff, #ffffff),
    linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
}

@keyframes hero-slider {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.animate-hero-slider { animation: hero-slider 22s linear infinite; }

.lh-hero-slider:hover .lh-hero-slider-track { animation-play-state: paused; }
.lh-hero-card { will-change: transform; }

.hero-slider-mobile,
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hero-slider-mobile::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar { display: none; }

.lh-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lh-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

html { scroll-behavior: smooth; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

body.lh-page { font-family: var(--font-sans) !important; background: #fff !important; color: #111 !important; }

.lh-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: #fff;
}

.lh-video-modal:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.7) !important;
  padding: 20px !important;
}
.lh-video-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
}

[data-lh-nav] {
  display: none;
  position: absolute;
  width: 91px;
  height: 91px;
  border-radius: 9999px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 0 0 1px rgba(27, 31, 35, 0.15), 0 8px 24px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transform: translateY(-50%);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
[data-lh-nav]:hover { transform: translateY(-50%) scale(1.05); }
[data-lh-nav][disabled],
[data-lh-nav].opacity-0 {
  opacity: 0;
  pointer-events: none;
}
[data-lh-nav="prev"] { left: 16px; }
[data-lh-nav="next"] { right: 16px; }

[data-rec="cards-wrapper"]   [data-lh-nav] { top: 285px; }
[data-lg="cards-wrapper"]    [data-lh-nav] { top: 285px; }
[data-tr="cards-wrapper"]    [data-lh-nav] { top: 285px; }
[data-tnm="cards-wrapper"]   [data-lh-nav] { top: 285px; }
[data-ow="cards-wrapper"]    [data-lh-nav] { top: 285px; }
[data-pod="cards-wrapper"]   [data-lh-nav] { top: 208px; }
[data-eks="cards-wrapper"]   [data-lh-nav] { top: 186px; }
[data-testi="cards-wrapper"] [data-lh-nav] { top: 270px; }

@media (min-width: 1024px) {
  [data-lh-nav] { display: flex; }
}

/* Cienkie paski (chipy/zakładki): mniejsza strzałka niż karuzelowa 91px, odsłaniana po najechaniu.
   Stan krańcowy nadal ustawia JS (.opacity-0/[disabled]) — tu tylko warstwa prezentacji. */
[data-lh-edge-nav] [data-lh-nav] { width: 40px; height: 40px; top: 50%; }
[data-lh-edge-nav] [data-lh-nav="prev"] { left: 0; }
[data-lh-edge-nav] [data-lh-nav="next"] { right: 0; }

@media (hover: hover) and (min-width: 1024px) {
  [data-lh-edge-nav] [data-lh-nav] { opacity: 0; }
  [data-lh-edge-nav]:hover [data-lh-nav]:not(.opacity-0):not([disabled]),
  [data-lh-edge-nav] [data-lh-nav]:focus-visible:not(.opacity-0):not([disabled]) { opacity: 1; }
}

/* Treść z edytora WYSIWYG. Wrapper MUSI być <div> (nie <p>) — inaczej zagnieżdżone <p> zostaje
   rozerwane przez parser i treść ucieka poza wrapper, tracąc font-body. Font dziedziczy się z wrappera;
   preflight Tailwinda zeruje marginesy, więc rytm akapitów i listy przywracamy tutaj. */
.lh-rich > * + * { margin-top: 14px; }
.lh-rich strong, .lh-rich b { font-weight: 700; }
.lh-rich em, .lh-rich i { font-style: italic; }
.lh-rich h2, .lh-rich h3, .lh-rich h4, .lh-rich h5 { font-weight: 700; font-size: 16px; line-height: 24px; }
.lh-rich ul { list-style: disc; padding-left: 20px; }
.lh-rich ol { list-style: decimal; padding-left: 20px; }
.lh-rich li + li { margin-top: 6px; }
.lh-rich a { text-decoration: underline; }

.lh-video-modal[hidden] { display: none; }
.lh-video-modal-inner {
  position: relative;
  width: 95vw;
  max-width: 900px;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
.lh-video-modal-inner iframe { width: 100%; height: 100%; border: 0; }
.lh-video-modal-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.lh-video-modal-close:hover { background: rgba(0, 0, 0, 0.85); }

@media (prefers-reduced-motion: reduce) {
  .animate-hero-slider, .text-gradient-animated { animation: none; }
}

/* Filtrowanie na miejscu (home) — pewne ukrywanie niezależne od Tailwind [hidden] */
.lh-is-hidden{display:none !important;}
[data-lh-filter-chip][aria-pressed="true"]{background:#000 !important;color:#fff !important;border-color:#000 !important;}

/* Sticky app-bar strony aplikacji — ukryty, pojawia się przy scrollu poniżej hero */
[data-lh-appbar]{position:fixed;left:0;right:0;top:0;z-index:60;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;}
[data-lh-appbar].is-visible{transform:translateY(0);opacity:1;pointer-events:auto;}
[data-appbar-link].is-active{color:#000 !important;font-weight:700;}