/* =========================================================
   Light Partners — warstwa marki (KIT)
   Ładowana PO style.css → nadpisuje :root i wybrane reguły.
   Cały rebrand siedzi tutaj. Oryginalny style.css nietknięty.
   ========================================================= */

:root{
  /* brzoskwinia szablonu -> zieleń marki (akcent, linki, highlighty) */
  --accent-color-2: #8AC05E;
  /* kremowe tło sekcji -> jasny, chłodny tint marki */
  --background-color: #EEF7F1;

  /* tokeny marki Light Partners */
  --lp-green:  #8AC05E;
  --lp-teal:   #6AC4D7;
  --lp-ink:    #011F44; /* ciemny granat jako kotwica tekstu (zostaje) */
  --lp-gradient: linear-gradient(90deg, #8AC05E 0%, #6AC4D7 100%);
}

/* --- Główne CTA: gradient marki zamiast granatu --- */
.btn-accent{
  background: var(--lp-gradient) !important;
  color:#fff !important;
  border:none !important;
}
.btn-accent:hover{
  background: var(--lp-gradient) !important;
  color:#fff !important;
  border:none !important;
  filter:brightness(.94);
}

/* --- Wyróżnik tekstowy: napis w gradiencie marki --- */
.lp-grad-text{
  background: var(--lp-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* --- Pasek/akcent na gradiencie (gdy potrzebny biały tekst) --- */
.lp-grad-bg{
  background: var(--lp-gradient);
  color:#fff;
}

/* === Audyt P1: czytelność + akcenty marki === */
/* Zielony TEKST na jasnym tle = ciemniejsza zieleń (kontrast 5,8:1).
   Jasna --accent-color-2 zostaje na obwódki/tła/gradient i na zielone linki w menu (granat = ciemne tło, tam jasna zieleń jest OK, bo używa var, nie tej klasy). */
.accent-color-2{ color:#3B6D11 !important; }
/* Ikony w kartach Dwóch Światów i Usług — turkus marki (pop, czytelny) */
#omnie .card i, #uslugi .card i{ color:#2C9AAF; }

/* ===========================================================
   MOBILE UX/UI — research 2026 (WCAG 2.2, Apple HIG, Material 3, web.dev)
   =========================================================== */

/* Inputy ≥16px — koniec auto-zoomu iOS przy focusie [CSS-Tricks] */
input, select, textarea, .form-control { font-size: 16px; }

/* Widoczny focus klawiatury — kolor marki [WCAG 2.4.11] */
:focus-visible { outline: 2px solid #3B6D11; outline-offset: 2px; }
@media (forced-colors: active){ :focus-visible{ outline: 2px solid CanvasText; } }

/* Szanuj preferencję redukcji ruchu [WCAG 2.2] */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
}

/* Touch targets — drobne ikony/linki min 44px [Apple HIG] */
.social-item{ min-width:44px; min-height:44px; }
.navbar-nav .nav-link{ display:flex; align-items:center; min-height:44px; }

@media (max-width: 575.98px){
  /* Nagłówki sekcji nie przepełniają 375px [web.dev fluid type] */
  h2{ font-size:1.7rem !important; line-height:1.2; }
  h3{ font-size:1.5rem !important; line-height:1.25; }
  /* Padding kart: p-5 (48px) -> ~20px [Bootstrap scale za duży na 375px] */
  .card.p-5{ padding:1.4rem !important; }
  /* Komfort dotyku + główne CTA na pełną szerokość [Apple/Material/BrandVM] */
  .btn{ min-height:48px; }
  .btn-accent{ display:flex; width:100%; }
  /* Mniej pionowego paddingu sekcji na mobile */
  .section{ padding-top:2.25rem; padding-bottom:2.25rem; }
  /* Miejsce na sticky bottom CTA */
  body{ padding-bottom:78px; }
}

/* Sticky bottom CTA w strefie kciuka — tylko mobile [NN/g: trafność 96% vs 61%] */
.lp-bottom-cta{ display:none; }
@media (max-width: 575.98px){
  .lp-bottom-cta{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:1040;
    background:#fff; box-shadow:0 -2px 14px rgba(1,31,68,.12);
    padding:10px 14px; padding-bottom:max(10px, env(safe-area-inset-bottom));
  }
  .lp-bottom-cta a{ display:flex; align-items:center; justify-content:center; width:100%; min-height:48px;
    background:var(--lp-gradient); color:#fff; border-radius:40px; font-weight:700; text-decoration:none; }
}