/* =========================================
   COOKIE OVERLAY — KANON BULDO / MASZYNYGO
   - mobile-first
   - bottom overlay (jak sheet)
   - warstwa systemowa (nie footer, nie menu)
========================================= */


/* =========================================================
   COOKIES ACTIVE — STOPKA OFF (KANON)
========================================================= */

body.cookies-visible .footer-mobile-nav,
body.cookies-visible .site-footer {
  display: none !important;
}


/* =========================================================
   COOKIE BAR — BAZA
========================================================= */

.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  display: none;
  z-index: 1000;

  background: #ffffff;
  color: #000000;
}


/* =========================================================
   COOKIE BAR — WIDOCZNA
========================================================= */

body.cookies-visible .cookie-bar {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 22px 18px 26px;
}


/* =========================================================
   COOKIE BAR — TYTUŁ
========================================================= */

body.ui-internal .cookie-title {
  margin: 0 0 12px 0;
  padding-bottom: 10px;

  font-size: 10px;
  font-weight: 600;
  color: #000000;

  border-bottom: 1px solid #e5e7eb;
}


/* =========================================================
   COOKIE BAR — TEKST
========================================================= */

body.cookies-visible .cookie-bar .cookie-text {
  flex: 1;

  background: #ffffff;
  color: #000000;

  text-align: justify;
  font-size: 10px;
  line-height: 1.6;
}

.cookie-text a {
  color: #2563eb;
  text-decoration: underline;
}


/* =========================================================
   COOKIE BAR — PRZYCISK OK
========================================================= */

body.cookies-visible .cookie-bar button {
  margin-top: 12px;
  align-self: flex-end;

  padding: 8px 20px;
  border-radius: 8px;
  border: 0;

  background: #22c55e;
  color: #000000;
  font-weight: 700;
  cursor: pointer;
}


/* =========================================
   OVERLAY
========================================= */

#cookie-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  /* MUSI być wyżej niż footer z transform */
  z-index: 2147483647;

  background: #0f172a;
  color: #ffffff;

  padding: 14px 16px;
  font-size: 13px;
  line-height: 1.4;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.25);

  /* stan widoczności kontrolowany przez JS / body */
  pointer-events: auto;
}

/* =========================================
   TEKST
========================================= */

#cookie-overlay span {
  display: block;
  max-width: 72%;
}

/* =========================================
   LINK
========================================= */

#cookie-overlay a {
  color: #60a5fa;
  text-decoration: underline;
}

/* =========================================
   PRZYCISK OK
========================================= */

#cookie-overlay button {
  background: #22c55e;
  color: #000000;

  border: 0;
  border-radius: 6px;

  padding: 6px 14px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;

  cursor: pointer;
}

#cookie-overlay button:hover {
  background: #16a34a;
}

/* =========================================
   MOBILE — CIAŚNIEJ (LEGALNY WYJĄTEK)
========================================= */

@media (max-width: 767px) {

  #cookie-overlay {
    font-size: 12px;
    padding: 12px 14px;
  }

  #cookie-overlay span {
    max-width: 68%;
  }
}

/* =========================================
   BLOKADA MOBILE FOOTER
   (cookies > footer)
========================================= */

body.cookies-visible .footer-mobile-nav {
  transform: translateY(110%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}