:root{
  --mkbu-btn-bg:#000000;
  --mkbu-btn-text:#ffffff;
  --mkbu-btn-hover:#111111;
  --mkbu-btn-border:#000000;
  --mkbu-btn-radius:12px;
  --mkbu-btn-shadow:0 8px 18px rgba(0,0,0,.10);
  --mkbu-font-heading: var(--wp--preset--font-family--heading, inherit);
}

/* ZAKRES: wewnątrz portalu i wrapperów z klasą .mkbu-scope */
.mkp-portal, .mkbu-scope{
  --_bg:var(--mkbu-btn-bg);
  --_fg:var(--mkbu-btn-text);
  --_bgHover:var(--mkbu-btn-hover);
  --_bd:var(--mkbu-btn-border);
  --_radius:var(--mkbu-btn-radius);
  --_shadow:var(--mkbu-btn-shadow);
  --_font:var(--mkbu-font-heading);
}

/* Najczęstsze przyciski i linki zachowujące się jak przycisk */
.mkp-portal button,
.mkp-portal [type="button"],
.mkp-portal [type="submit"],
.mkp-portal .button,
.mkp-portal a.button,
.mkp-portal a.btn,
.mkp-portal .btn,
.mkp-portal .chakra-button, /* popularne biblioteki */
.mkp-portal .MuiButton-root,
.mkp-portal .ppress-submit,
.mkbu-scope button,
.mkbu-scope [type="button"],
.mkbu-scope [type="submit"],
.mkbu-scope .button,
.mkbu-scope a.button,
.mkbu-scope a.btn,
.mkbu-scope .btn,
.mkbu-scope .chakra-button,
.mkbu-scope .MuiButton-root,
.mkbu-scope .ppress-submit {
  background: var(--_bg) !important;
  color: var(--_fg) !important;
  border: 1px solid var(--_bd) !important;
  border-radius: var(--_radius) !important;
  box-shadow: var(--_shadow) !important;
  font-weight: 700 !important;
  font-family: var(--_font) !important;
  padding: 10px 16px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

/* Hover / active / focus */
.mkp-portal button:hover,
.mkp-portal [type="button"]:hover,
.mkp-portal [type="submit"]:hover,
.mkp-portal .button:hover,
.mkp-portal a.button:hover,
.mkp-portal .btn:hover,
.mkp-portal .chakra-button:hover,
.mkp-portal .MuiButton-root:hover,
.mkp-portal .ppress-submit:hover,
.mkbu-scope button:hover,
.mkbu-scope [type="button"]:hover,
.mkbu-scope [type="submit"]:hover,
.mkbu-scope .button:hover,
.mkbu-scope a.button:hover,
.mkbu-scope .btn:hover,
.mkbu-scope .chakra-button:hover,
.mkbu-scope .MuiButton-root:hover,
.mkbu-scope .ppress-submit:hover {
  background: var(--_bgHover) !important;
  color: var(--_fg) !important;
  transform: translateY(-1px);
}

.mkp-portal button:active,
.mkp-portal [type="button"]:active,
.mkp-portal [type="submit"]:active,
.mkp-portal .button:active,
.mkp-portal a.button:active,
.mkp-portal .btn:active,
.mkp-portal .chakra-button:active,
.mkp-portal .MuiButton-root:active,
.mkp-portal .ppress-submit:active,
.mkbu-scope button:active,
.mkbu-scope [type="button"]:active,
.mkbu-scope [type="submit"]:active,
.mkbu-scope .button:active,
.mkbu-scope a.button:active,
.mkbu-scope .btn:active,
.mkbu-scope .chakra-button:active,
.mkbu-scope .MuiButton-root:active,
.mkbu-scope .ppress-submit:active {
  transform: translateY(0);
  filter: brightness(0.95);
}

/* Rozmiary i ikony w środku */
.mkp-portal .btn svg,
.mkp-portal .button svg,
.mkp-portal button svg,
.mkbu-scope .btn svg,
.mkbu-scope .button svg,
.mkbu-scope button svg {
  fill: currentColor;
  color: currentColor;
}

/* Neutralizacja wariantów "outline/secondary" by zachować spójność */
.mkp-portal .btn-outline, .mkp-portal .button.is-outline,
.mkbu-scope .btn-outline, .mkbu-scope .button.is-outline {
  background: transparent !important;
  color: var(--_bg) !important;
  border: 1px solid var(--_bd) !important;
}

/* Pola wyboru plików i inputy pozostawiamy neutralne */