/* kcalkulator × LearnHouse — biały top bar, zielone akcenty (#1ab394).
   CTA „Zarejestruj się” = <li class="bg-white text-gray-900"><a>…</a></li> */

nav[aria-label="Top navigation"] {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(26, 179, 148, 0.22);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
  color: #1ab394;
}

nav[aria-label="Top navigation"] a,
nav[aria-label="Top navigation"] button,
nav[aria-label="Top navigation"] li,
nav[aria-label="Top navigation"] span,
nav[aria-label="Top navigation"] svg {
  color: #1ab394 !important;
}

nav[aria-label="Top navigation"] [class*="hover:bg-white"]:hover,
nav[aria-label="Top navigation"] [class*="hover:bg-black"]:hover,
nav[aria-label="Top navigation"] [class*="hover:bg-gray"]:hover {
  background-color: rgba(26, 179, 148, 0.1) !important;
}

/* Solid CTA — tło zielone, tekst BIAŁY (nadpisuje reguły wyżej) */
nav[aria-label="Top navigation"] li.bg-white,
nav[aria-label="Top navigation"] li.bg-black,
nav[aria-label="Top navigation"] li.bg-gray-900,
nav[aria-label="Top navigation"] a.bg-white,
nav[aria-label="Top navigation"] a.bg-black,
nav[aria-label="Top navigation"] a.bg-gray-900 {
  background-color: #1ab394 !important;
}

nav[aria-label="Top navigation"] li.bg-white,
nav[aria-label="Top navigation"] li.bg-white a,
nav[aria-label="Top navigation"] li.bg-white span,
nav[aria-label="Top navigation"] li.bg-black,
nav[aria-label="Top navigation"] li.bg-black a,
nav[aria-label="Top navigation"] li.bg-gray-900,
nav[aria-label="Top navigation"] li.bg-gray-900 a,
nav[aria-label="Top navigation"] a.bg-white,
nav[aria-label="Top navigation"] a.bg-black,
nav[aria-label="Top navigation"] a.bg-gray-900 {
  color: #ffffff !important;
}

nav[aria-label="Top navigation"] li.bg-white:hover,
nav[aria-label="Top navigation"] li.bg-black:hover,
nav[aria-label="Top navigation"] li.bg-gray-900:hover,
nav[aria-label="Top navigation"] a.bg-white:hover,
nav[aria-label="Top navigation"] a.bg-black:hover,
nav[aria-label="Top navigation"] a.bg-gray-900:hover {
  background-color: #15967c !important;
}

nav[aria-label="Top navigation"] li.bg-white:hover a,
nav[aria-label="Top navigation"] li.bg-black:hover a,
nav[aria-label="Top navigation"] li.bg-gray-900:hover a {
  color: #ffffff !important;
  background-color: transparent !important;
}