/* PM – ADE (unikatowe, namespacowane) */
.pm-ade-wrap {
  --pm-ade-radius: 10px;
  --pm-ade-gap: 16px;

  /* Kolory zbliżone do Astry (z fallbackiem) */
  --pm-ade-bg: var(--ast-global-color-6, #0f172a);      /* tło kodu */
  --pm-ade-fg: var(--ast-global-color-5, #e5e7eb);      /* tekst kodu */
  --pm-ade-border: var(--ast-border-color, #e5e7eb);    /* obramowania/linie */
  --pm-ade-link: var(--ast-global-color-0, #0366d6);    /* link "Kopiuj" */
  --pm-ade-link-hover: var(--ast-global-color-1, #005bb5);
  --pm-ade-note: var(--ast-global-color-3, #6b7280);    /* drobne notki */

  display: grid;
  gap: var(--pm-ade-gap);
}

.pm-ade-box {
  margin: 0;
}

.pm-ade-box .wp-block-code {
  margin: 0;
}

.pm-ade-code {
  background: var(--pm-ade-bg);
  color: var(--pm-ade-fg);
  border: 1px solid var(--pm-ade-border);
  border-radius: var(--pm-ade-radius);
  padding: 12px 14px;
  line-height: 1.4;
  overflow: auto;
  /* Dziedziczenie monospace z motywu zostaje – tu tylko drobny polish */
  tab-size: 2;
  -moz-tab-size: 2;
}

/* Link "Kopiuj" wewnątrz pre – ma wyglądać schludnie, bez „skakania” linii */
.pm-ade-code .pm-ade-copy {
  display: inline-block;
  margin-top: 10px;
  color: var(--pm-ade-link);
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px dotted currentColor;
}

.pm-ade-code .pm-ade-copy:hover,
.pm-ade-code .pm-ade-copy:focus {
  color: var(--pm-ade-link-hover);
  text-decoration: underline;
  outline: none;
}

/* Status po skopiowaniu */
.pm-ade-code .pm-ade-copy.is-copied {
  color: var(--pm-ade-note);
  border-bottom-color: transparent;
}

/* Notka pod boxem (np. o przycięciu do 15) */
.pm-ade-note {
  margin: 6px 0 0 0;
  color: var(--pm-ade-note);
  font-size: 13px;
}

/* Wariant „kompaktowy” (opcjonalnie: dodaj klasę .pm-ade--compact do .pm-ade-wrap) */
.pm-ade--compact .pm-ade-code {
  padding: 10px 12px;
  border-radius: 8px;
}

/* Małe ekrany */
@media (max-width: 544px) {
  .pm-ade-code { padding: 10px 12px; }
}



/* Usuń margines Gutenberga na figure */
.pm-ade-figure { margin: 0; }

/* Pre = górna część pudełka */
.pm-ade-code {
  background: var(--pm-ade-bg, #0f172a);
  color: var(--pm-ade-fg, #e5e7eb);
  border: 1px solid var(--pm-ade-border, #e5e7eb);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  padding: 12px 14px;
  line-height: 1.4;
  overflow: auto;
}

/* Belka akcji = dolna część pudełka (Astra styluje .button) */
.pm-ade-actions {
  border: 1px solid var(--pm-ade-border, #e5e7eb);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 10px 12px;
  background: var(--pm-ade-bg, #0f172a);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.pm-ade-actions .button { margin: 0; }


/* Reset pre TYLKO w naszym module */
.pm-ade-wrap .pm-ade-figure { margin: 0; }

.pm-ade-wrap .pm-ade-figure .pm-ade-code {
  /* przykrywamy astrowe pre { … } */
  margin: 0;                /* zamiast 1.6em */
  max-width: 100%;
  overflow: auto;

  /* własne tło/kolory (możesz podmienić na astrowe, patrz niżej) */
  background: var(--pm-ade-bg, #0f172a);
  color: var(--pm-ade-fg, #e5e7eb);

  /* padding mniejszy niż astrowe 1.6em */
  padding: 12px 14px;

  /* łączenie z belką akcji */
  border: 1px solid var(--pm-ade-border, #e5e7eb);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;

  /* zachowaj monospace, jeśli chcesz: */
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.4;
  tab-size: 2; -moz-tab-size: 2;
}

/* Belka akcji pod pre – wygląda jak część jednego pudełka */
.pm-ade-wrap .pm-ade-actions {
  border: 1px solid var(--pm-ade-border, #e5e7eb);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 10px 12px;
  background: var(--pm-ade-bg, #0f172a);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

/* Opcja: jeśli wolisz stricte kolory Astry w pre (to, co podałeś): */
/*
.pm-ade-wrap .pm-ade-figure .pm-ade-code {
  background: var(--ast-code-block-background);
  font-family: "Courier 10 Pitch", Courier, monospace;
}
*/



/* Usuń podkreślenie z "Kopiuj" w module PM–ADE, także w single i komentarzach Astry */
.ast-single-post .entry-content .pm-ade-wrap .pm-ade-copy,
.ast-comment-content .pm-ade-wrap .pm-ade-copy,
.pm-ade-wrap .pm-ade-copy,
.pm-ade-wrap .pm-ade-actions .button {
  text-decoration: none;
}

/* Trzymaj brak podkreślenia również przy hover/focus/visited */
.ast-single-post .entry-content .pm-ade-wrap .pm-ade-copy:hover,
.ast-single-post .entry-content .pm-ade-wrap .pm-ade-copy:focus,
.ast-comment-content .pm-ade-wrap .pm-ade-copy:hover,
.ast-comment-content .pm-ade-wrap .pm-ade-copy:focus,
.pm-ade-wrap .pm-ade-copy:hover,
.pm-ade-wrap .pm-ade-copy:focus,
.pm-ade-wrap .pm-ade-actions .button:hover,
.pm-ade-wrap .pm-ade-actions .button:focus {
  text-decoration: none;
  outline: auto; /* zachowujemy widoczny focus dla dostępności */
}