/* Vorepo Cookie Consent Banner — styling spójny z Vorepo brand.
   2026-05-10 KOMPAKTOWY rewrite po Tomka uwadze 'strasznie duże okno'.
   Desktop: SLIM bottom bar (52px wysokości jak header), nie zasłania content. */

#vorepo-cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(10, 13, 20, 0.96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid #1e2329;
  color: #eaecef;
  padding: 8px 20px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4);
}

.vcb-content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: nowrap;
}

.vcb-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #b7bdc6;
}

.vcb-text strong {
  color: #00e5a0;
  margin-right: 6px;
  font-size: 12px;
}

.vcb-text a {
  color: #00e5a0;
  text-decoration: underline;
}

.vcb-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}

.vcb-btn {
  padding: 6px 12px;
  border: 1px solid #1e2329;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  color: #eaecef;
  font-family: inherit;
  white-space: nowrap;
}

.vcb-btn:hover { background: #101216; }

.vcb-btn.vcb-accept {
  background: #00e5a0;
  color: #000;
  border-color: #00e5a0;
}
.vcb-btn.vcb-accept:hover { opacity: 0.9; }

.vcb-customize-panel {
  max-width: 1200px;
  margin: 14px auto 0;
  padding: 14px;
  background: #101216;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Override CSS display:flex żeby HTML 'hidden' attribute działał — bez tego
   panel customize byłby zawsze widoczny + cały banner ~330px wysokości. */
.vcb-customize-panel[hidden] {
  display: none !important;
}

.vcb-cat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  cursor: pointer;
}

.vcb-cat input[type="checkbox"] {
  margin-top: 2px;
  flex-shrink: 0;
}

.vcb-cat strong { color: #00e5a0; margin-right: 6px; }

.vcb-btn.vcb-save {
  margin-top: 8px;
  align-self: flex-start;
}

@media (max-width: 600px) {
  /* Mobile cookie banner — kompaktowy, nigdy więcej niż 70vh
     (przed naprawą banner zajmował 100% mobile viewport — blocker UX) */
  #vorepo-cookie-banner {
    padding: 12px 12px;
    font-size: 12px;
    line-height: 1.4;
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .vcb-content {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .vcb-text {
    font-size: 12px;
    flex: none;
    min-width: 0;
  }
  .vcb-text strong {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
  }
  .vcb-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  .vcb-btn {
    flex: none;
    padding: 9px 10px;
    font-size: 12px;
    width: 100%;
  }
  .vcb-btn.vcb-accept {
    grid-column: 1 / -1;
  }
  .vcb-customize-panel {
    margin-top: 8px;
    padding: 10px;
    gap: 4px;
  }
  .vcb-cat {
    padding: 5px 0;
    font-size: 11px;
    line-height: 1.35;
  }
  .vcb-cat strong {
    display: inline-block;
    margin-right: 4px;
  }
  .vcb-btn.vcb-save {
    margin-top: 6px;
    align-self: stretch;
    width: 100%;
  }
}