/* =========================================================
   CookieYes overrides — dopasowanie do palety MPPB
   Palette (Twoje):
   --accent:  #e3ff53;
   --dark:    #2d2d2d;
   --light:   #ffffff;
   --muted:   #f5f5f5;
   --border:  #dddddd;
   --success: #4caf50;
   --error:   #f44336;
   --shadow:  rgba(0,0,0,0.1);
   ========================================================= */

:root{
  --mppb-accent:  #e3ff53;
  --mppb-dark:    #2d2d2d;
  --mppb-light:   #ffffff;
  --mppb-muted:   #f5f5f5;
  --mppb-border:  #dddddd;
  --mppb-success: #4caf50;
  --mppb-error:   #f44336;
  --mppb-shadow:  rgba(0,0,0,0.1);

  --mppb-radius-lg: 16px;
  --mppb-radius-md: 12px;
  --mppb-radius-sm: 10px;
  --mppb-shadow-lg: 0 18px 44px rgba(0,0,0,0.20);
  --mppb-shadow-md: 0 10px 26px rgba(0,0,0,0.16);
}

/* Wysoki priorytet — CookieYes ma inline-style, więc przebijamy !important */
.cky-overlay{
  background: rgba(45,45,45,0.58) !important;
  
}

/* ---------------------------------------------------------
   Floating "revisit" button
   --------------------------------------------------------- */
.cky-btn-revisit-wrapper{
  background: var(--mppb-dark) !important;
  border: 1px solid var(--mppb-border) !important;
  border-radius: 999px !important;
  box-shadow: var(--mppb-shadow-md) !important;
  z-index: 2147483647 !important;
}

.cky-btn-revisit{
  border-radius: 999px !important;
}

.cky-btn-revisit-wrapper:hover{
  transform: translateY(-1px);
  box-shadow: var(--mppb-shadow-lg) !important;
}

.cky-btn-revisit-wrapper:focus-within{
  outline: 3px solid rgba(227,255,83,0.55) !important;
  outline-offset: 2px;
}

/* Jeśli chcesz, żeby ikona revisit była “w akcencie” */
.cky-btn-revisit-wrapper img{
  filter: brightness(0) invert(1); /* biała ikonka */
}

/* ---------------------------------------------------------
   Consent bar (banner)
   --------------------------------------------------------- */
.cky-consent-container .cky-consent-bar{
  background: var(--mppb-light) !important;
  border-color: var(--mppb-border) !important;
  border-radius: var(--mppb-radius-lg) !important;
  box-shadow: var(--mppb-shadow-lg) !important;
}

.cky-consent-container .cky-title,
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p{
  color: var(--mppb-dark) !important;
}

.cky-consent-container .cky-notice-des a{
  color: var(--mppb-dark) !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* ---------------------------------------------------------
   Buttons — spójne z Twoim stylem
   --------------------------------------------------------- */
.cky-btn{
  border-radius: var(--mppb-radius-md) !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  box-shadow: none !important;
}

/* Primary actions: Akceptuj / Odrzuć / Zapisz preferencje */
.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-preferences,
.cky-btn.cky-btn-save{
  background: var(--mppb-dark) !important;
  border-color: var(--mppb-dark) !important;
  color: var(--mppb-accent) !important;
}

.cky-btn.cky-btn-accept:hover,
.cky-btn.cky-btn-reject:hover,
.cky-btn.cky-btn-preferences:hover,
.cky-btn.cky-btn-save:hover{
  background: #1f1f1f !important;
  border-color: #1f1f1f !important;
}

.cky-btn.cky-btn-accept:focus,
.cky-btn.cky-btn-reject:focus,
.cky-btn.cky-btn-preferences:focus,
.cky-btn.cky-btn-save:focus{
  outline: 3px solid rgba(227,255,83,0.55) !important;
  outline-offset: 2px;
}

/* Secondary: Dostosuj (outline) */
.cky-btn.cky-btn-customize{
  background: transparent !important;
  color: var(--mppb-dark) !important;
  border-color: var(--mppb-dark) !important;
}

.cky-btn.cky-btn-customize:hover{
  background: rgba(227,255,83,0.25) !important; /* accent tint */
}

/* ---------------------------------------------------------
   Preference Center (modal ustawień)
   --------------------------------------------------------- */
.cky-preference-center{
  background: var(--mppb-light) !important;
  border-color: var(--mppb-border) !important;
  border-radius: var(--mppb-radius-lg) !important;
  box-shadow: var(--mppb-shadow-lg) !important;
}

.cky-preference-title,
.cky-preference-content-wrapper,
.cky-accordion-header-des,
.cky-accordion-btn{
  color: var(--mppb-dark) !important;
}

.cky-horizontal-separator{
  border-color: var(--mppb-border) !important;
}

/* Close button */
.cky-btn-close{
  border-radius: 999px !important;
}
.cky-btn-close img{
  filter: brightness(0); /* czarny krzyżyk */
}

/* ---------------------------------------------------------
   Accordion / audit table (lista ciastek)
   --------------------------------------------------------- */
.cky-audit-table{
  background: var(--mppb-muted) !important;
  border-color: var(--mppb-border) !important;
  border-radius: var(--mppb-radius-md) !important;
}

.cky-cookie-des-table{
  border-color: var(--mppb-border) !important;
}

.cky-cookie-des-table li > div:first-child{
  color: rgba(45,45,45,0.78) !important;
}

.cky-cookie-des-table li > div:last-child{
  color: var(--mppb-dark) !important;
}

/* “Zawsze aktywne” na zielono */
.cky-always-active{
  color: var(--mppb-success) !important;
}

/* ---------------------------------------------------------
   Switch (toggle) w preferencjach
   CookieYes czasem ustawia background inline na input — przebijamy.
   --------------------------------------------------------- */
.cky-switch input[type="checkbox"]{
  accent-color: var(--mppb-accent) !important; /* w nowych przeglądarkach */
}

/* Jeśli CookieYes renderuje toggle jako pseudo-elementy, to to pomaga: */
.cky-switch input{
  background-color: var(--mppb-dark) !important;
}

/* Link “Pokaż więcej” */
.cky-show-desc-btn{
  color: var(--mppb-dark) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

/* ---------------------------------------------------------
   “Powered by CookieYes” — delikatniej
   (Opcjonalnie: możesz to ukryć tylko jeśli licencja na to pozwala)
   --------------------------------------------------------- */
[data-cky-tag="powered-by"],
[data-cky-tag="detail-powered-by"]{
  opacity: 0.9 !important;
}

/* ---------------------------------------------------------
   Mobile adjustments (żeby nie zasłaniało UI)
   --------------------------------------------------------- */
@media (max-width: 520px){
  .cky-consent-container{
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
  }
  .cky-btn-revisit-wrapper{
    left: 12px !important;
    bottom: 12px !important;
  }
}