/**
 * MDA — KUN desktop (≥981px)
 *
 * Formål: TT5/block-tema bruger ofte flex på main med align-items:center + alignfull
 * med 100vw/neg. margin — det giver forskudt eller horisontalt klippet indhold på desktop.
 *
 * Mobil (≤980px) styres udelukkende af mda-layout-tt5 + side-CSS — rør ikke her.
 *
 * Afhænger af: mda-layout-tt5 (loades efter den).
 */

@media (min-width: 981px) {
  /* --------------------------------------------------------------------------
   * 1) Html/body: undgå at hidden/clip på ydre lag skjuler tekst (alignfull m.m.)
   * -------------------------------------------------------------------------- */
  html:has(body.mda-help-active),
  html:has(body:has(.mda-help-page)),
  html:has(body.mda-raad-active),
  html:has(body.mda-raad-v2-active),
  html:has(body:has(.mda-raad-v2-root)),
  html:has(body.mda-guide-active),
  html:has(body:has(#mda-guide)),
  html:has(body.woocommerce-account),
  html:has(body:has(.mda-v2-page)),
  html:has(body:has(.mda-login-page)),
  html:has(body:has(.mda-dashboard)),
  html:has(body:has(.mda-account-wrap)),
  html:has(body:has(.mda-report-view)) {
    overflow-x: visible !important;
  }

  body.mda-help-active,
  body:has(.mda-help-page),
  body.mda-raad-active,
  body.mda-raad-v2-active,
  body:has(.mda-raad-v2-root),
  body.mda-guide-active,
  body:has(#mda-guide),
  body.woocommerce-account,
  body:has(.mda-v2-page),
  body:has(.mda-login-page),
  body:has(.mda-dashboard),
  body:has(.mda-account-wrap),
  body:has(.mda-report-view) {
    overflow-x: visible !important;
  }

  /* Hjælp: base stylesheet sætter overflow-x hidden på .mda-help-page — desktop må ikke klippe tekst */
  body.mda-help-active .mda-help-page,
  body:has(.mda-help-page) .mda-help-page {
    overflow-x: visible !important;
  }

  /* --------------------------------------------------------------------------
   * 2) Ydre flex-kæde: stretch børn (fuld bredde), ikke smal centreret kolonne
   * -------------------------------------------------------------------------- */
  body.mda-help-active .wp-site-blocks,
  body:has(.mda-help-page) .wp-site-blocks,
  body.mda-raad-active .wp-site-blocks,
  body.mda-raad-v2-active .wp-site-blocks,
  body:has(.mda-raad-v2-root) .wp-site-blocks,
  body.mda-guide-active .wp-site-blocks,
  body:has(#mda-guide) .wp-site-blocks,
  body.woocommerce-account .wp-site-blocks,
  body:has(.mda-v2-page) .wp-site-blocks,
  body:has(.mda-login-page) .wp-site-blocks,
  body:has(.mda-dashboard) .wp-site-blocks,
  body:has(.mda-account-wrap) .wp-site-blocks,
  body:has(.mda-report-view) .wp-site-blocks {
    align-items: stretch !important;
  }

  body.mda-help-active main,
  body.mda-help-active main#wp--skip-link--target,
  body:has(.mda-help-page) main,
  body:has(.mda-help-page) main#wp--skip-link--target,
  body.mda-raad-active main,
  body.mda-raad-active main#wp--skip-link--target,
  body.mda-raad-v2-active main,
  body.mda-raad-v2-active main#wp--skip-link--target,
  body:has(.mda-raad-v2-root) main,
  body:has(.mda-raad-v2-root) main#wp--skip-link--target,
  body.mda-guide-active main,
  body.mda-guide-active main#wp--skip-link--target,
  body:has(#mda-guide) main,
  body:has(#mda-guide) main#wp--skip-link--target,
  body.woocommerce-account main,
  body.woocommerce-account main#wp--skip-link--target,
  body:has(.mda-v2-page) main,
  body:has(.mda-v2-page) main#wp--skip-link--target,
  body:has(.mda-login-page) main,
  body:has(.mda-login-page) main#wp--skip-link--target,
  body:has(.mda-dashboard) main,
  body:has(.mda-dashboard) main#wp--skip-link--target,
  body:has(.mda-account-wrap) main,
  body:has(.mda-account-wrap) main#wp--skip-link--target,
  body:has(.mda-report-view) main,
  body:has(.mda-report-view) main#wp--skip-link--target {
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* --------------------------------------------------------------------------
   * 3) Shortcode-blok: fuld bredde af main — indre rammer (.mda-v2-page, #mda-guide) centrerer
   * -------------------------------------------------------------------------- */
  body.mda-help-active .entry-content .wp-block-shortcode,
  body.mda-help-active .wp-block-shortcode,
  body:has(.mda-help-page) .entry-content .wp-block-shortcode,
  body:has(.mda-help-page) .wp-block-shortcode,
  body.mda-raad-active .entry-content .wp-block-shortcode,
  body.mda-raad-active .wp-block-shortcode,
  body.mda-raad-v2-active .entry-content .wp-block-shortcode,
  body.mda-raad-v2-active .wp-block-shortcode,
  body:has(.mda-raad-v2-root) .entry-content .wp-block-shortcode,
  body:has(.mda-raad-v2-root) .wp-block-shortcode,
  body.mda-guide-active .entry-content .wp-block-shortcode,
  body.mda-guide-active .wp-block-shortcode,
  body:has(#mda-guide) .entry-content .wp-block-shortcode,
  body:has(#mda-guide) .wp-block-shortcode,
  body:has(.mda-v2-page) .entry-content .wp-block-shortcode,
  body:has(.mda-v2-page) .wp-block-shortcode,
  body.woocommerce-account .entry-content .wp-block-shortcode,
  body.woocommerce-account .wp-block-shortcode,
  body:has(.mda-login-page) .entry-content .wp-block-shortcode,
  body:has(.mda-login-page) .wp-block-shortcode,
  body:has(.mda-dashboard) .entry-content .wp-block-shortcode,
  body:has(.mda-dashboard) .wp-block-shortcode,
  body:has(.mda-account-wrap) .entry-content .wp-block-shortcode,
  body:has(.mda-account-wrap) .wp-block-shortcode,
  body:has(.mda-report-view) .entry-content .wp-block-shortcode,
  body:has(.mda-report-view) .wp-block-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: stretch !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* --------------------------------------------------------------------------
   * 4) TT5 alignfull (100vw-breakout): nulstil på alle MDA-flader — samme som forsiden
   * -------------------------------------------------------------------------- */
  body.mda-help-active main .wp-block-group.alignfull,
  body.mda-help-active .entry-content .wp-block-group.alignfull,
  body.mda-help-active .wp-block-post-content.alignfull,
  body:has(.mda-help-page) main .wp-block-group.alignfull,
  body:has(.mda-help-page) .entry-content .wp-block-group.alignfull,
  body:has(.mda-help-page) .wp-block-post-content.alignfull,
  body.mda-raad-active main .wp-block-group.alignfull,
  body.mda-raad-active .entry-content .wp-block-group.alignfull,
  body.mda-raad-active .wp-block-post-content.alignfull,
  body.mda-raad-v2-active main .wp-block-group.alignfull,
  body.mda-raad-v2-active .entry-content .wp-block-group.alignfull,
  body.mda-raad-v2-active .wp-block-post-content.alignfull,
  body:has(.mda-raad-v2-root) main .wp-block-group.alignfull,
  body:has(.mda-raad-v2-root) .entry-content .wp-block-group.alignfull,
  body:has(.mda-raad-v2-root) .wp-block-post-content.alignfull,
  body.mda-guide-active main .wp-block-group.alignfull,
  body.mda-guide-active .entry-content .wp-block-group.alignfull,
  body.mda-guide-active .wp-block-post-content.alignfull,
  body:has(#mda-guide) main .wp-block-group.alignfull,
  body:has(#mda-guide) .entry-content .wp-block-group.alignfull,
  body:has(#mda-guide) .wp-block-post-content.alignfull,
  body:has(.mda-v2-page) main .wp-block-group.alignfull,
  body:has(.mda-v2-page) .entry-content .wp-block-group.alignfull,
  body:has(.mda-v2-page) .wp-block-post-content.alignfull,
  body.woocommerce-account main .wp-block-group.alignfull,
  body.woocommerce-account .entry-content .wp-block-group.alignfull,
  body.woocommerce-account .wp-block-post-content.alignfull,
  body:has(.mda-login-page) main .wp-block-group.alignfull,
  body:has(.mda-login-page) .entry-content .wp-block-group.alignfull,
  body:has(.mda-login-page) .wp-block-post-content.alignfull,
  body:has(.mda-dashboard) main .wp-block-group.alignfull,
  body:has(.mda-dashboard) .entry-content .wp-block-group.alignfull,
  body:has(.mda-dashboard) .wp-block-post-content.alignfull,
  body:has(.mda-account-wrap) main .wp-block-group.alignfull,
  body:has(.mda-account-wrap) .entry-content .wp-block-group.alignfull,
  body:has(.mda-account-wrap) .wp-block-post-content.alignfull,
  body:has(.mda-report-view) main .wp-block-group.alignfull,
  body:has(.mda-report-view) .entry-content .wp-block-group.alignfull,
  body:has(.mda-report-view) .wp-block-post-content.alignfull {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Indholdscontainere: ingen horisontal klip */
  body.mda-help-active .entry-content,
  body.mda-help-active .wp-block-post-content,
  body:has(.mda-help-page) .entry-content,
  body:has(.mda-help-page) .wp-block-post-content,
  body.mda-raad-active .entry-content,
  body.mda-raad-active .wp-block-post-content,
  body.mda-raad-v2-active .entry-content,
  body.mda-raad-v2-active .wp-block-post-content,
  body:has(.mda-raad-v2-root) .entry-content,
  body:has(.mda-raad-v2-root) .wp-block-post-content,
  body.mda-guide-active .entry-content,
  body.mda-guide-active .wp-block-post-content,
  body:has(#mda-guide) .entry-content,
  body:has(#mda-guide) .wp-block-post-content,
  body:has(.mda-v2-page) .entry-content,
  body:has(.mda-v2-page) .wp-block-post-content,
  body.woocommerce-account .entry-content,
  body.woocommerce-account .wp-block-post-content,
  body:has(.mda-login-page) .entry-content,
  body:has(.mda-login-page) .wp-block-post-content,
  body:has(.mda-dashboard) .entry-content,
  body:has(.mda-dashboard) .wp-block-post-content,
  body:has(.mda-account-wrap) .entry-content,
  body:has(.mda-account-wrap) .wp-block-post-content,
  body:has(.mda-report-view) .entry-content,
  body:has(.mda-report-view) .wp-block-post-content {
    overflow-x: visible !important;
  }

  /* Artikel-padding: undgå asymmetrisk “skub” i forhold til temaets grid */
  body.mda-help-active article,
  body.mda-help-active article.type-page,
  body:has(.mda-help-page) article,
  body:has(.mda-help-page) article.type-page,
  body.mda-raad-active article,
  body.mda-raad-active article.type-page,
  body.mda-raad-v2-active article,
  body.mda-raad-v2-active article.type-page,
  body:has(.mda-raad-v2-root) article,
  body:has(.mda-raad-v2-root) article.type-page,
  body.mda-guide-active article,
  body.mda-guide-active article.type-page,
  body:has(#mda-guide) article,
  body:has(#mda-guide) article.type-page,
  body:has(.mda-v2-page) article,
  body:has(.mda-v2-page) article.type-page,
  body.woocommerce-account article,
  body.woocommerce-account article.type-page,
  body:has(.mda-login-page) article,
  body:has(.mda-login-page) article.type-page,
  body:has(.mda-dashboard) article,
  body:has(.mda-dashboard) article.type-page,
  body:has(.mda-account-wrap) article,
  body:has(.mda-account-wrap) article.type-page,
  body:has(.mda-report-view) article,
  body:has(.mda-report-view) article.type-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}