.moh-block-host,.moh-box{box-sizing:border-box}
.moh-block-host{width:100%;font-family:Verdana,Geneva,sans-serif}
.moh-box{box-sizing:border-box;font-family:Verdana,Geneva,sans-serif}
.moh-align-left{text-align:left}.moh-align-center{text-align:center}.moh-align-right{text-align:right}

/* Forsidebjælke: transparent, lav og klikbar. Hele boksen følger justeringen. */
.moh-block-host--compact{
  display:flex;width:100%;align-items:center;min-width:0;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important
}
.moh-block-host--compact.moh-align-left{justify-content:flex-start}
.moh-block-host--compact.moh-align-center{justify-content:center}
.moh-block-host--compact.moh-align-right{justify-content:flex-end}
.moh-box--compact{
  width:max-content;max-width:100%;margin:1px 0;padding:3px 6px;
  display:inline-flex;align-items:baseline;gap:.5em;flex-wrap:wrap;
  font-size:var(--moh-bar-font-size,15px);line-height:1.35;color:#242424!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0;box-shadow:none!important;
  text-decoration:none!important
}
.moh-block-host--compact.moh-align-left .moh-box--compact{justify-content:flex-start;text-align:left}
.moh-block-host--compact.moh-align-center .moh-box--compact{justify-content:center;text-align:center;margin-left:auto;margin-right:auto}
.moh-block-host--compact.moh-align-right .moh-box--compact{justify-content:flex-end;text-align:right;margin-left:auto}
.moh-compact-link,.moh-compact-link:visited,.moh-compact-link:hover,.moh-compact-link:active{color:#242424!important;text-decoration:none!important}
.moh-compact-link{cursor:pointer}
.moh-compact-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.moh-compact__title,.moh-compact__weekend{font-weight:700}
.moh-compact__label{font-weight:400}

/* Footer: transparent, hvid Verdana og samme typografiske niveau som resten af footeren. */
.moh-block-host--footer{
  width:100%;max-width:100%;min-width:0;margin:0;padding:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;color:#fff!important;
  font-family:Verdana,Geneva,sans-serif;text-align:inherit;overflow:visible
}
.moh-block-host--footer .moh-box--footer,
.moh-box--footer{
  display:block;width:100%;max-width:100%;min-width:0;margin:0;padding:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;color:#fff!important;
  font-family:Verdana,Geneva,sans-serif;
  font-size:var(--moh-footer-font-size,15px);line-height:1.5;
  word-break:normal!important;overflow-wrap:break-word;hyphens:none
}
.moh-block-host--footer .moh-box--footer *{color:#fff!important}
.moh-footer__title{
  display:block;margin:0 0 9px;
  font-size:var(--moh-footer-heading-size,18px);line-height:1.3;font-weight:600
}
.moh-footer__rule,.moh-footer__next{display:block!important;width:100%;margin:0 0 7px;padding:0}
.moh-footer__rule span,.moh-footer__next span{display:inline!important;min-width:0;white-space:normal}
.moh-footer__rule strong{display:inline!important;margin-left:.35em;font-weight:700;text-align:inherit;white-space:nowrap}
.moh-footer__next span{display:block!important;margin:0 0 1px;font-size:.93em;opacity:.9}
.moh-footer__next strong{display:block!important;margin:0;font-size:1em;font-weight:700;text-align:inherit;white-space:normal}
.moh-footer__divider{display:block;height:1px;margin:9px 0;background:#fff;opacity:.18}
.moh-footer__appointment{display:block;margin-top:9px;font-size:.93em;opacity:.94}
/* I editoren får footer-preview en mørk baggrund, så hvid tekst er synlig. Frontend er transparent. */
.moh-editor-block .moh-block-host--footer{background:#252922!important;padding:10px!important}

/* Fuld side: rolig informationsside, grupperet måned for måned. */
.moh-box--full{
  width:100%;margin:0;padding:24px;color:#252525;background:#f8f7f3;
  border:1px solid #d9d5cc;border-radius:2px;box-shadow:none;
  font-size:var(--moh-full-font-size,16px);line-height:1.55
}
.moh-full__header{margin-bottom:18px}
.moh-full__header h2{margin:0 0 7px;font-family:Verdana,Geneva,sans-serif;font-size:var(--moh-full-heading-size,24px);line-height:1.25;font-weight:700;color:#252525}
.moh-full__header p{margin:0;color:#555;font-size:1em}
.moh-full__rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
.moh-full__rule{padding:12px 14px;background:#fff;border:1px solid #e1ddd5}
.moh-full__rule span,.moh-full__rule strong{display:block}
.moh-full__rule span{font-size:.88em;color:#666;margin-bottom:3px}
.moh-full__rule strong{font-size:1em;color:#252525}
.moh-full__upcoming-title{margin:0 0 14px;font-family:Verdana,Geneva,sans-serif;font-size:1.125em;line-height:1.35;font-weight:700;color:#252525}
.moh-months{display:block;margin:0;padding:0}
.moh-month{margin:0 0 24px;padding:0}
.moh-month:last-child{margin-bottom:0}
.moh-month__title{
  margin:0 0 9px;padding:0 0 7px;border-bottom:1px solid #d9d5cc;
  font-family:Verdana,Geneva,sans-serif;font-size:var(--moh-full-month-heading-size,18px);line-height:1.3;font-weight:700;
  letter-spacing:.035em;color:#252525
}
/* Fælles datogrid: datoer ligger i samme venstre kolonne og tider i samme højre kolonne. */
.moh-month__row,.moh-month__weekend{
  display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:18px;row-gap:3px;
  align-items:baseline;width:100%;max-width:100%;box-sizing:border-box;padding:8px 12px
}
.moh-month__row{border-bottom:1px solid #e6e2da}
.moh-month__date,.moh-month__weekend-date{min-width:0;text-align:left}
.moh-month__time,.moh-month__weekend-time{justify-self:end;text-align:right;font-weight:700;white-space:nowrap}
.moh-month__note,.moh-month__weekend-note{grid-column:1/-1;font-size:.88em;color:#666;margin-top:-1px}
.moh-month__weekend{
  margin:5px 0;padding-left:11px;padding-right:11px;background:#fff;border:1px solid #ddd8cf;
  box-shadow:inset 3px 0 0 #b8b0a2
}
.moh-month__weekend-label{
  grid-column:1/-1;display:block;margin:0 0 2px;font-size:.82em;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:#666
}
.moh-month__weekend-date{font-weight:700;color:#252525}
.moh-month__weekend-time{color:#252525}

/* Editor: dynamiske blokke forbliver nemme at markere; linket navigerer kun på frontend. */
.moh-editor-block{min-height:24px}
.moh-editor-block .moh-compact-link{pointer-events:none}

@media(max-width:700px){
  .moh-block-host--compact.moh-align-center{justify-content:center!important;text-align:center!important}
  .moh-block-host--compact.moh-align-center .moh-box--compact{
    justify-content:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important
  }
  .moh-box--compact{max-width:100%;padding:3px 5px;gap:.35em;font-size:var(--moh-bar-font-size,15px);line-height:1.4}
  .moh-box--full{padding:18px;font-size:var(--moh-full-font-size,16px)}
  .moh-full__rules{grid-template-columns:1fr}
  .moh-month__row,.moh-month__weekend{grid-template-columns:minmax(0,1fr) max-content;column-gap:10px}
  .moh-month__row{padding-left:8px;padding-right:8px}
  .moh-month__weekend{padding-left:7px;padding-right:7px}
  .moh-month__time,.moh-month__weekend-time{white-space:nowrap}
  .moh-month__note,.moh-month__weekend-note{grid-column:1/-1;margin-top:2px}
}
