.pe1hud-bijeenkomst-afteller {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.35;
}
/* Regels sluiten direct aan. Thema's gebruiken vaak eigen p-marges,
   daarom hier bewust !important binnen alleen het shortcodeblok. */
.pe1hud-bijeenkomst-afteller p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}
.pe1hud-bijeenkomst-afteller br { display: inline !important; }

.pe1hud-bijeenkomst-afteller strong { font-weight: 700; }
.pe1hud-bijeenkomst-afteller .pe1hud-aftelregel {
  display: inline;
  font-variant-numeric: tabular-nums;
}
.pe1hud-bijeenkomst-afteller .pe1hud-aftelregel:not(.pe1hud-custom-colors) strong {
  color: inherit;
}
/* De editor slaat uitlijning op als inline 'text-align: ...'.
   Sommige WordPress-thema's overrulen dit met !important. Dit zorgt dat
   juist de per-alinea ingestelde editoruitlijning wint, ook op de site. */
.pe1hud-bijeenkomst-afteller [style*="text-align: left"],
.pe1hud-bijeenkomst-afteller [style*="text-align:left"],
.pe1hud-bijeenkomst-afteller .has-text-align-left { text-align: left !important; }
.pe1hud-bijeenkomst-afteller [style*="text-align: center"],
.pe1hud-bijeenkomst-afteller [style*="text-align:center"],
.pe1hud-bijeenkomst-afteller .has-text-align-center { text-align: center !important; }
.pe1hud-bijeenkomst-afteller [style*="text-align: right"],
.pe1hud-bijeenkomst-afteller [style*="text-align:right"],
.pe1hud-bijeenkomst-afteller .has-text-align-right { text-align: right !important; }
.pe1hud-bijeenkomst-afteller [style*="text-align: justify"],
.pe1hud-bijeenkomst-afteller [style*="text-align:justify"],
.pe1hud-bijeenkomst-afteller .has-text-align-justify { text-align: justify !important; }

/* V1.1.2 – volg de lettergrootte en het lettertype van de website.
   De standaard voorbeeldtekst van eerdere versies bevatte inline 1.15em/1.1em.
   Met deze optionele modus tellen die editor-formaten niet meer mee. */
.pe1hud-bijeenkomst-afteller.pe1hud-typography-inherit,
.pe1hud-bijeenkomst-afteller.pe1hud-typography-inherit * {
  font-family: inherit !important;
  font-size: inherit !important;
}
.pe1hud-bijeenkomst-afteller.pe1hud-typography-inherit {
  line-height: inherit !important;
}
.pe1hud-bijeenkomst-afteller.pe1hud-typography-inherit p {
  line-height: inherit !important;
}

/* Optioneel kader: neemt exact de breedte van de shortcodecontainer over. */
.pe1hud-bijeenkomst-afteller.pe1hud-framed {
  display: block;
  box-sizing: border-box !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: var(--pe1hud-frame-width, 2px) solid var(--pe1hud-frame-color, #627a99) !important;
  background-color: var(--pe1hud-frame-background, #f7f9fc) !important;
  padding: var(--pe1hud-frame-padding, 16px) !important;
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  .pe1hud-bijeenkomst-afteller.pe1hud-framed {
    /* Op een smal scherm verkleint ruime desktop-padding automatisch. */
    padding: min(var(--pe1hud-frame-padding, 16px), 3.5vw) !important;
  }
}
