/* FENIX: wygląd banera cookies (nakładka na cookieconsent.css v3) */
#cc-main {
  --cc-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-bg: #ffffff;
  --cc-primary-color: #0f1d3a;
  --cc-secondary-color: #475569;
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;

  /* Akceptuj i Odrzuć wyglądają tak samo (równa waga przycisków) */
  --cc-btn-primary-bg: #0f1d3a;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #0f1d3a;
  --cc-btn-primary-hover-bg: #1e293b;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #1e293b;

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-color: #0f1d3a;
  --cc-btn-secondary-border-color: #cbd5e1;
  --cc-btn-secondary-hover-bg: #f1f5f9;
  --cc-btn-secondary-hover-color: #0f1d3a;
  --cc-btn-secondary-hover-border-color: #94a3b8;

  --cc-separator-border-color: #e2e8f0;
  --cc-toggle-on-bg: #B48A3D;
  --cc-toggle-off-bg: #94a3b8;
  --cc-toggle-readonly-bg: #d4a853;
  --cc-section-category-border: #e2e8f0;
  --cc-cookie-category-block-bg: #f8fafc;
  --cc-cookie-category-block-border: #e2e8f0;
  --cc-cookie-category-block-hover-bg: #f1f5f9;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-footer-bg: #f8fafc;
  --cc-footer-color: #475569;
  --cc-footer-border-color: #e2e8f0;
  --cc-link-color: #B48A3D;
}

/* Stały dostęp do ustawień: link w stopce albo mały przycisk w rogu (strony bez stopki) */
.fenix-cc-footer-link { display: inline-block; margin: 8px 12px; font-size: 13px; color: inherit; opacity: .8; text-decoration: underline; }
.fenix-cc-fab {
  position: fixed; left: 10px; bottom: 10px; z-index: 900;
  font: 500 11px/1 "Inter", system-ui, sans-serif; color: #475569; text-decoration: none;
  background: rgba(255, 255, 255, .92); border: 1px solid #e2e8f0; border-radius: 999px; padding: 6px 10px;
}
html.show--consent .fenix-cc-fab { display: none; }

/* Złoty pasek u góry karty: rozpoznawalność marki */
#cc-main .cm { border-top: 3px solid #B48A3D; box-shadow: 0 10px 40px rgba(15, 29, 58, .18); }
#cc-main .cm__title { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; font-size: 1.15em; }
#cc-main .cm__desc { line-height: 1.5; }

/* Akceptuj i Odrzuć obok siebie, Ustawienia jako link pod spodem (desktop i mobile) */
#cc-main .cm .cm__btns { flex-direction: column; }
#cc-main .cm .cm__btns .cm__btn-group { display: flex; flex-direction: row !important; gap: 8px; width: 100%; }
#cc-main .cm .cm__btn-group .cm__btn { flex: 1; margin: 0 !important; }
#cc-main .cm__btn[data-role="show"] {
  background: none; border: 0; color: #475569; text-decoration: underline;
  min-height: 32px; font-weight: 500; font-size: .85em; margin-top: 4px;
}
#cc-main .cm__btn[data-role="show"]:hover { background: none; color: #0f1d3a; }

/* Desktop: zwarta karta w lewym dolnym rogu, strona pozostaje dostępna */
@media (min-width: 641px) {
  #cc-main .cm--box { max-width: 25rem; }
}

/* Mobile: niski pasek na dole, Akceptuj i Odrzuć pełnej szerokości, Ustawienia jako link */
@media (max-width: 640px) {
  #cc-main .cm--bar { border-radius: 14px 14px 0 0; }
  #cc-main .cm__body { padding: 0; }
  #cc-main .cm__texts { padding: 14px 16px 4px; }
  #cc-main .cm__title { font-size: 1.05em; margin-bottom: 4px; }
  #cc-main .cm__desc { font-size: .88em; padding-bottom: 6px; }
  #cc-main .cm__btns { padding: 8px 16px 6px; border-top: 0; }
  #cc-main .cm__btn-group .cm__btn { min-height: 46px; }
  #cc-main .cm__footer { padding: 4px 16px 10px; font-size: .78em; }
  /* Ustawienia na cały ekran */
  #cc-main .pm { height: 100%; max-height: 100%; border-radius: 0; }
}