/**
 * Min Digitale Arv — fælles TT5 / block theme layout
 *
 * 1) Dødzone under site header (gap, padding i main)
 * 2) Bredde: Gutenberg content-size, constrained wrappers, alignfull
 *
 * Kræver body-klasser / :has(): mda-help-active | mda-raad-* | mda-guide-active |
 *   woocommerce-account | :has(.mda-v2-page) | :has(#mda-guide) | :has(.mda-login-page) m.fl.
 *
 * Desktop: samme indholdsbredde som header (~1200px) — se --mda-content-max.
 */

/* Fælles desktop-kolonne (matcher header + mda-shared-frame) */
:root {
  --mda-content-max: 1200px;
  --mda-gutter-desktop: 20px;
  --mda-gutter-mobile: 8px;
  /* Samme vandrette “slot” som header på mobil: fuld bredde minus 2× gutter */
  --mda-content-outer-mobile: calc(100% - (var(--mda-gutter-mobile, 8px) * 2));
}

/* =============================================================================
 * UNIVERSELT MDA-TOPKORT — samme flade/placering som forsidens hero-card
 * ============================================================================= */

:root {
  --mda-universal-card-width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop, 20px) * 2)));
  --mda-universal-card-bg: #ffffff;
  --mda-universal-card-border: #dfe8f7;
  --mda-universal-card-radius: 28px;
  --mda-universal-card-shadow:
    0 14px 30px rgba(18, 34, 72, 0.065),
    0 1px 5px rgba(18, 34, 72, 0.035);
  --mda-universal-hero-bg:
    linear-gradient(180deg, rgba(245, 248, 253, 0.54) 0%, rgba(250, 252, 255, 0.24) 58%, rgba(255, 255, 255, 0) 100%);
  --mda-universal-card-padding-desktop: 32px;
  --mda-universal-card-padding-mobile: clamp(18px, 5vw, 24px);
  --mda-universal-top-gap: 8px;
  --mda-universal-menu-gap: 16px;
}

@media (max-width: 980px) {
  :root {
    --mda-universal-card-width: var(--mda-content-outer-mobile);
  }
}

.mda-v2-hero .mda-v2-container,
body:has(.mda-login-page) .mda-login-hero,
body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
body.mda-raad-active .mda-raad-hero .mda-raad-container,
body:has(.mda-raad-page) .mda-raad-hero .mda-raad-container,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
body.mda-guide-active .mda-guide-hero-frame,
body:has(#mda-guide) .mda-guide-hero-frame,
body.woocommerce-account .mda-dashboard-hero,
body.woocommerce-account .mda-account-intro,
body.woocommerce-account .mda-report-hero,
body:has(.mda-dashboard) .mda-dashboard-hero,
body:has(.mda-account-wrap) .mda-account-intro,
body:has(.mda-report-view) .mda-report-hero,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-shop .woocommerce {
  width: var(--mda-universal-card-width) !important;
  max-width: var(--mda-universal-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--mda-universal-card-bg) !important;
  border: 1px solid var(--mda-universal-card-border) !important;
  border-radius: var(--mda-universal-card-radius) !important;
  box-shadow: var(--mda-universal-card-shadow) !important;
  box-sizing: border-box !important;
}

body:has(.mda-login-page) .mda-login-page,
body.mda-raad-active .mda-raad-page,
body:has(.mda-raad-page) .mda-raad-page {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:has(.mda-login-page) .mda-login-hero,
body.mda-guide-active .mda-guide-hero-frame,
body:has(#mda-guide) .mda-guide-hero-frame,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-shop .woocommerce {
  padding: var(--mda-universal-card-padding-desktop) !important;
}

body:has(.mda-login-page) .mda-login-page,
body.mda-help-active .mda-help-page .mda-help-hero,
body:has(.mda-help-page) .mda-help-page .mda-help-hero,
body.mda-raad-active .mda-raad-hero,
body:has(.mda-raad-page) .mda-raad-hero {
  padding-top: var(--mda-universal-top-gap) !important;
}

/* Forside/guide: ingen ekstra top-gap — kun --mda-universal-menu-gap på topkortet. */
.mda-v2-page .mda-v2-hero,
body.mda-guide-active #mda-guide,
body:has(#mda-guide) #mda-guide {
  padding-top: 0 !important;
}

/* Fælles diskret baggrundsflade: fuld bredde direkte under topmenuen. */
body.mda-guide-active main,
body:has(#mda-guide) main,
body.mda-help-active main,
body:has(.mda-help-page) main,
body.mda-raad-active main,
body:has(.mda-raad-page) main,
body.mda-raad-v2-active main,
body:has(.mda-raad-v2-root) main,
body.woocommerce-account main,
body:has(.mda-login-page) main {
  background: var(--mda-universal-hero-bg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 260px !important;
}

body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-shell,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-shell {
  padding-top: var(--mda-universal-top-gap) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 980px) {
  .mda-v2-hero .mda-v2-container,
  body:has(.mda-login-page) .mda-login-hero,
  body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
  body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
  body.mda-raad-active .mda-raad-hero .mda-raad-container,
  body:has(.mda-raad-page) .mda-raad-hero .mda-raad-container,
  body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
  body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
  body.mda-guide-active .mda-guide-hero-frame,
  body:has(#mda-guide) .mda-guide-hero-frame,
  body.woocommerce-account .mda-dashboard-hero,
  body.woocommerce-account .mda-account-intro,
  body.woocommerce-account .mda-report-hero,
  body:has(.mda-dashboard) .mda-dashboard-hero,
  body:has(.mda-account-wrap) .mda-account-intro,
  body:has(.mda-report-view) .mda-report-hero,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.woocommerce-shop .woocommerce {
    width: var(--mda-universal-card-width) !important;
    max-width: var(--mda-universal-card-width) !important;
    border-radius: 24px !important;
  }

  body:has(.mda-login-page) .mda-login-hero,
  body.mda-guide-active .mda-guide-hero-frame,
  body:has(#mda-guide) .mda-guide-hero-frame,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.woocommerce-shop .woocommerce {
    padding: var(--mda-universal-card-padding-mobile) !important;
  }
}

@media (max-width: 767px) {
  .mda-v2-hero .mda-v2-container,
  body:has(.mda-login-page) .mda-login-hero,
  body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
  body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
  body.mda-raad-active .mda-raad-hero .mda-raad-container,
  body:has(.mda-raad-page) .mda-raad-hero .mda-raad-container,
  body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
  body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
  body.mda-guide-active .mda-guide-hero-frame,
  body:has(#mda-guide) .mda-guide-hero-frame,
  body.woocommerce-account .mda-dashboard-hero,
  body.woocommerce-account .mda-account-intro,
  body.woocommerce-account .mda-report-hero,
  body:has(.mda-dashboard) .mda-dashboard-hero,
  body:has(.mda-account-wrap) .mda-account-intro,
  body:has(.mda-report-view) .mda-report-hero,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.woocommerce-shop .woocommerce {
    border-radius: 18px !important;
  }
}

/* Mobil: fuld brugbar bredde ift. tema; indre kolonne styres af --mda-content-outer-mobile i shared-frame */
@media (max-width: 980px) {
  body.mda-help-active,
  body.mda-raad-active,
  body.mda-raad-v2-active,
  body.mda-guide-active,
  body:has(.mda-v2-page),
  body:has(#mda-guide),
  body.woocommerce-account {
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--wide-size: 100% !important;
  }
}

/* =============================================================================
 * FÆLLES RESPONSIVITET — alle MDA-flader + WooCommerce kerneflow
 *
 * Dette lag ligger sidst, så forsiden, guide, hjælp, rådgivning, konto/rapporter
 * samt kurv/kasse/shop får samme viewport-logik uden side-specifikke hacks.
 * ============================================================================= */

body.mda-help-active,
body.mda-raad-active,
body.mda-raad-v2-active,
body.mda-guide-active,
body.mda-log-ind-page,
body.page-log-ind,
body.woocommerce-account,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-shop,
body:has(.mda-v2-page),
body:has(#mda-guide),
body:has(.mda-help-page),
body:has(.mda-raad-page),
body:has(.mda-raad-v2-root),
body:has(.mda-login-page),
body:has(.mda-dashboard),
body:has(.mda-account-wrap),
body:has(.mda-report-view) {
  --wp--style--global--content-size: var(--mda-content-max) !important;
  --wp--style--global--wide-size: var(--mda-content-max) !important;
  overflow-x: clip;
}

body.mda-help-active *,
body.mda-raad-active *,
body.mda-raad-v2-active *,
body.mda-guide-active *,
body.mda-log-ind-page *,
body.page-log-ind *,
body.woocommerce-account *,
body.woocommerce-cart *,
body.woocommerce-checkout *,
body.woocommerce-shop *,
body:has(.mda-v2-page) *,
body:has(#mda-guide) *,
body:has(.mda-help-page) *,
body:has(.mda-raad-page) *,
body:has(.mda-raad-v2-root) *,
body:has(.mda-login-page) *,
body:has(.mda-dashboard) *,
body:has(.mda-account-wrap) *,
body:has(.mda-report-view) * {
  box-sizing: border-box;
}

body.woocommerce-cart #main-content,
body.woocommerce-cart #main-content .container,
body.woocommerce-cart #content,
body.woocommerce-cart #primary,
body.woocommerce-checkout #main-content,
body.woocommerce-checkout #main-content .container,
body.woocommerce-checkout #content,
body.woocommerce-checkout #primary,
body.woocommerce-shop #main-content,
body.woocommerce-shop #main-content .container,
body.woocommerce-shop #content,
body.woocommerce-shop #primary {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.woocommerce-cart #left-area,
body.woocommerce-checkout #left-area,
body.woocommerce-shop #left-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.woocommerce-cart #sidebar,
body.woocommerce-cart #main-content .container::before,
body.woocommerce-checkout #sidebar,
body.woocommerce-checkout #main-content .container::before,
body.woocommerce-shop #sidebar,
body.woocommerce-shop #main-content .container::before {
  display: none !important;
}

body.woocommerce-cart .entry-content,
body.woocommerce-cart .wp-block-post-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .wp-block-post-content,
body.woocommerce-shop .entry-content,
body.woocommerce-shop .wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-shop .woocommerce,
body.woocommerce-shop ul.products {
  width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2))) !important;
  max-width: min(var(--mda-content-max), calc(100% - (var(--mda-gutter-desktop) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  min-width: 0 !important;
}

@media (max-width: 980px) {
  body.mda-help-active,
  body.mda-raad-active,
  body.mda-raad-v2-active,
  body.mda-guide-active,
  body.mda-log-ind-page,
  body.page-log-ind,
  body.woocommerce-account,
  body.woocommerce-cart,
  body.woocommerce-checkout,
  body.woocommerce-shop,
  body:has(.mda-v2-page),
  body:has(#mda-guide),
  body:has(.mda-help-page),
  body:has(.mda-raad-page),
  body:has(.mda-raad-v2-root),
  body:has(.mda-login-page),
  body:has(.mda-dashboard),
  body:has(.mda-account-wrap),
  body:has(.mda-report-view) {
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--wide-size: 100% !important;
    overflow-x: hidden !important;
  }

  .mda-v2-container,
  .mda-help-container,
  .mda-raad-container,
  #mda-guide,
  .mda-dashboard,
  .mda-account-wrap,
  .mda-report-view,
  .mda-raad-v2-root .mda-rv2-card,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-checkout .wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout,
  body.woocommerce-shop .woocommerce,
  body.woocommerce-shop ul.products {
    width: var(--mda-content-outer-mobile) !important;
    max-width: var(--mda-content-outer-mobile) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
  }

  .mda-raad-v2-root .mda-rv2-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout,
  body.woocommerce-checkout .wc-block-components-sidebar-layout {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mda-v2-hero-grid,
  .mda-v2-trust-grid,
  .mda-v2-step-grid,
  .mda-v2-price-box,
  .mda-help-grid,
  .mda-raad-grid,
  .mda-raad-price-grid,
  .mda-rv2-tiles,
  .mda-rv2-price-grid,
  .mda-dashboard-grid,
  .mda-dashboard-split,
  .mda-report-summary,
  .mda-report-grid,
  body.woocommerce-shop ul.products {
    grid-template-columns: 1fr !important;
  }

  .mda-v2-hero .mda-v2-container,
  .mda-help-page .mda-help-hero .mda-help-container,
  .mda-help-content,
  .mda-help-card,
  .mda-raad-card,
  .mda-raad-price-card,
  .mda-raad-addon-card,
  .mda-rv2-card,
  .mda-account-intro,
  .mda-report-hero,
  .mda-dashboard-hero,
  .mda-dashboard-card,
  .mda-report-card,
  .mda-report-panel {
    padding: clamp(18px, 5vw, 24px) !important;
    border-radius: 18px !important;
  }

  .mda-v2-btn-primary,
  .mda-v2-btn-secondary,
  .mda-help-btn,
  .mda-raad-btn,
  .mda-rv2-btn,
  .mda-account-wrap .button,
  .mda-dashboard-actions .button,
  .mda-report-actions .button,
  body.woocommerce-cart .button,
  body.woocommerce-checkout .button {
    width: 100%;
    max-width: 100%;
  }
}

/* =============================================================================
 * BREDDE — content-size tokens + slip Gutenberg max-width (TT5 / blok-temaer)
 * ============================================================================= */

body.mda-help-active,
body.mda-raad-active,
body.mda-raad-v2-active,
body.mda-guide-active,
body:has(.mda-v2-page),
body.woocommerce-account{
  /* Samme visuelle kolonne som øvrige MDA-flader (ikke temaets ~1024px-cap) */
  --wp--style--global--content-size: var(--mda-content-max) !important;
  --wp--style--global--wide-size: var(--mda-content-max) !important;
}

/* Nogle TT5-regler læser variabler på wrapper-niveau */
body.mda-help-active .wp-site-blocks,
body.mda-help-active #primary,
body.mda-help-active #content,
body.mda-help-active #main-content,
body.mda-raad-active .wp-site-blocks,
body.mda-raad-v2-active .wp-site-blocks,
body.mda-raad-active #primary,
body.mda-raad-v2-active #primary,
body.mda-raad-active #content,
body.mda-raad-v2-active #content,
body.mda-raad-active #main-content,
body.mda-raad-v2-active #main-content,
body.mda-guide-active .wp-site-blocks,
body.mda-guide-active main,
body.mda-guide-active #primary,
body.mda-guide-active #content,
body.mda-guide-active #main-content,
body.woocommerce-account .wp-site-blocks,
body.woocommerce-account main,
body.woocommerce-account #primary,
body.woocommerce-account #content,
body.woocommerce-account #main-content{
  --wp--style--global--content-size: var(--mda-content-max) !important;
  --wp--style--global--wide-size: var(--mda-content-max) !important;
  max-width: none !important;
}

/* Primære ydre wrappers: fuld bredde */
body.mda-help-active .wp-site-blocks,
body.mda-help-active main,
body.mda-help-active #primary,
body.mda-help-active #content,
body.mda-help-active #main-content,
body.mda-raad-active .wp-site-blocks,
body.mda-raad-v2-active .wp-site-blocks,
body.mda-raad-active main,
body.mda-raad-v2-active main,
body.mda-raad-active #primary,
body.mda-raad-v2-active #primary,
body.mda-raad-active #content,
body.mda-raad-v2-active #content,
body.mda-raad-active #main-content,
body.mda-raad-v2-active #main-content,
body.mda-guide-active .wp-site-blocks,
body.mda-guide-active main,
body.mda-guide-active #primary,
body.mda-guide-active #content,
body.mda-guide-active #main-content,
body.woocommerce-account .wp-site-blocks,
body.woocommerce-account main,
body.woocommerce-account #primary,
body.woocommerce-account #content,
body.woocommerce-account #main-content,
body:has(.mda-v2-page) .wp-site-blocks,
body:has(.mda-v2-page) main,
body:has(.mda-v2-page) #primary,
body:has(.mda-v2-page) #content,
body:has(.mda-v2-page) #main-content{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.mda-help-active .entry-content.wp-block-post-content-is-layout-constrained,
body.mda-help-active .wp-block-post-content-is-layout-constrained,
body.mda-help-active .wp-block-group-is-layout-constrained,
body.mda-raad-active .is-layout-constrained,
body.mda-raad-v2-active .is-layout-constrained,
body.mda-raad-active .wp-block-post-content-is-layout-constrained,
body.mda-raad-v2-active .wp-block-post-content-is-layout-constrained,
body.mda-raad-active .wp-block-group-is-layout-constrained,
body.mda-raad-v2-active .wp-block-group-is-layout-constrained,
body.mda-guide-active .is-layout-constrained,
body.mda-guide-active .wp-block-post-content-is-layout-constrained,
body.mda-guide-active .wp-block-group-is-layout-constrained,
body.mda-guide-active .entry-content.wp-block-post-content-is-layout-constrained,
body.woocommerce-account .is-layout-constrained,
body.woocommerce-account .wp-block-post-content-is-layout-constrained,
body.woocommerce-account .wp-block-group-is-layout-constrained,
body.woocommerce-account .entry-content.wp-block-post-content-is-layout-constrained,
body:has(.mda-v2-page) .is-layout-constrained,
body:has(.mda-v2-page) .wp-block-post-content-is-layout-constrained,
body:has(.mda-v2-page) .wp-block-group-is-layout-constrained,
body:has(.mda-v2-page) .entry-content.wp-block-post-content-is-layout-constrained,
body.mda-log-ind-page .is-layout-constrained,
body.mda-log-ind-page .wp-block-post-content-is-layout-constrained,
body.mda-log-ind-page .wp-block-group-is-layout-constrained,
body.mda-log-ind-page .entry-content.wp-block-post-content-is-layout-constrained,
body.page-log-ind .is-layout-constrained,
body.page-log-ind .wp-block-post-content-is-layout-constrained,
body.page-log-ind .wp-block-group-is-layout-constrained,
body.page-log-ind .entry-content.wp-block-post-content-is-layout-constrained{
  max-width: none !important;
  width: 100% !important;
}

body.mda-help-active .entry-content.alignfull.has-global-padding,
body.mda-help-active .wp-block-group.alignfull.has-global-padding,
body.mda-raad-active .entry-content.alignfull.has-global-padding,
body.mda-raad-v2-active .entry-content.alignfull.has-global-padding,
body.mda-raad-active .wp-block-group.alignfull.has-global-padding,
body.mda-raad-v2-active .wp-block-group.alignfull.has-global-padding,
body.mda-guide-active .entry-content.alignfull.has-global-padding,
body.mda-guide-active .wp-block-group.alignfull.has-global-padding,
body.woocommerce-account .entry-content.alignfull.has-global-padding,
body.woocommerce-account .wp-block-group.alignfull.has-global-padding,
body:has(.mda-v2-page) .entry-content.alignfull.has-global-padding,
body:has(.mda-v2-page) .wp-block-group.alignfull.has-global-padding,
body.mda-log-ind-page .entry-content.alignfull.has-global-padding,
body.mda-log-ind-page .wp-block-group.alignfull.has-global-padding,
body.page-log-ind .entry-content.alignfull.has-global-padding,
body.page-log-ind .wp-block-group.alignfull.has-global-padding{
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* Forside + guide: TT5 “global padding” på ydre group/main (smal kolonne på mobil) */
body:has(.mda-v2-page) .wp-site-blocks > .wp-block-group.has-global-padding,
body:has(.mda-v2-page) .wp-site-blocks > main.has-global-padding,
body.mda-guide-active .wp-site-blocks > .wp-block-group.has-global-padding,
body:has(#mda-guide) .wp-site-blocks > .wp-block-group.has-global-padding,
body.mda-guide-active .wp-site-blocks > main.has-global-padding,
body:has(#mda-guide) .wp-site-blocks > main.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-top: 0 !important;
  max-width: none !important;
}

/* Log-ind: samme fulde spor som landing (ydre ramme = var(--mda-content-outer-mobile) i login-gate) */
body.mda-log-ind-page .wp-site-blocks > .wp-block-group.has-global-padding,
body.page-log-ind .wp-site-blocks > .wp-block-group.has-global-padding,
body.mda-log-ind-page .wp-site-blocks > main.has-global-padding,
body.page-log-ind .wp-site-blocks > main.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-top: 0 !important;
  max-width: none !important;
}

/* Rådgivning v2: samme princip som forsiden — TT5 global padding gør kortet smalere end landing */
body.mda-raad-v2-active .wp-site-blocks > .wp-block-group.has-global-padding,
body:has(.mda-raad-v2-root) .wp-site-blocks > .wp-block-group.has-global-padding,
body.mda-raad-v2-active .wp-site-blocks > main.has-global-padding,
body:has(.mda-raad-v2-root) .wp-site-blocks > main.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-top: 0 !important;
  max-width: none !important;
}

/*
 * TT5 / blok-tema: .wp-block-post-content og .entry-content får ofte max-width direkte
 * fra theme.json (content-size). Uden !important her “lækker” smal kolonne ind i MDA-shortcodes.
 */
body.mda-help-active .wp-block-post-content,
body.mda-help-active .entry-content,
body.mda-raad-active .wp-block-post-content,
body.mda-raad-v2-active .wp-block-post-content,
body.mda-raad-active .entry-content,
body.mda-raad-v2-active .entry-content,
body.mda-guide-active .wp-block-post-content,
body.mda-guide-active .entry-content,
body:has(.mda-v2-page) .wp-block-post-content,
body:has(.mda-v2-page) .entry-content,
body.woocommerce-account .wp-block-post-content,
body.woocommerce-account .entry-content,
body.mda-log-ind-page .wp-block-post-content,
body.mda-log-ind-page .entry-content,
body.page-log-ind .wp-block-post-content,
body.page-log-ind .entry-content{
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.mda-help-active #main-content .container,
body.mda-help-active #main-content,
body.mda-raad-active #main-content .container,
body.mda-raad-v2-active #main-content .container,
body.mda-raad-active #main-content,
body.mda-raad-v2-active #main-content,
body.mda-guide-active #main-content .container,
body.mda-guide-active #main-content,
body.woocommerce-account #main-content .container,
body.woocommerce-account #main-content,
body:has(.mda-v2-page) #main-content .container,
body:has(.mda-v2-page) #main-content{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.mda-help-active #primary,
body.mda-help-active #content,
body.mda-raad-active #primary,
body.mda-raad-v2-active #primary,
body.mda-raad-active #content,
body.mda-raad-v2-active #content,
body.mda-guide-active #primary,
body.mda-guide-active #content,
body.woocommerce-account #primary,
body.woocommerce-account #content,
body:has(.mda-v2-page) #primary,
body:has(.mda-v2-page) #content{
  width: 100% !important;
  max-width: none !important;
}

/* =============================================================================
 * DØDZONE — under site header
 * ============================================================================= */

body.mda-help-active .wp-site-blocks,
body.mda-raad-active .wp-site-blocks,
body.mda-raad-v2-active .wp-site-blocks,
body.mda-guide-active .wp-site-blocks,
body.woocommerce-account .wp-site-blocks,
body:has(.mda-v2-page) .wp-site-blocks{
  row-gap: 0 !important;
  gap: 0 !important;
}

body.mda-help-active header,
body.mda-help-active header.wp-block-template-part,
body.mda-raad-active header,
body.mda-raad-v2-active header,
body.mda-raad-active header.wp-block-template-part,
body.mda-raad-v2-active header.wp-block-template-part,
body.mda-guide-active header,
body.mda-guide-active header.wp-block-template-part,
body.woocommerce-account header,
body.woocommerce-account header.wp-block-template-part,
body:has(.mda-v2-page) header,
body:has(.mda-v2-page) header.wp-block-template-part{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

body.mda-help-active main,
body.mda-help-active main#wp--skip-link--target,
body.mda-raad-active main,
body.mda-raad-v2-active main,
body.mda-raad-active main#wp--skip-link--target,
body.mda-raad-v2-active main#wp--skip-link--target,
body.mda-guide-active main,
body.mda-guide-active 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.mda-help-active .wp-block-post-content,
body.mda-raad-active .wp-block-post-content,
body.mda-raad-v2-active .wp-block-post-content,
body.mda-guide-active .wp-block-post-content,
body.woocommerce-account .wp-block-post-content,
body:has(.mda-v2-page) .wp-block-post-content,
body.mda-help-active .entry-content,
body.mda-raad-active .entry-content,
body.mda-raad-v2-active .entry-content,
body.mda-guide-active .entry-content,
body.woocommerce-account .entry-content,
body:has(.mda-v2-page) .entry-content,
body.mda-help-active #main-content,
body.mda-raad-active #main-content,
body.mda-raad-v2-active #main-content,
body.mda-guide-active #main-content,
body.woocommerce-account #main-content,
body:has(.mda-v2-page) #main-content{
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-top: 0 !important;
}

body.mda-help-active .wp-block-post-content > :first-child,
body.mda-help-active .entry-content > :first-child,
body.mda-raad-active .wp-block-post-content > :first-child,
body.mda-raad-v2-active .wp-block-post-content > :first-child,
body.mda-raad-active .entry-content > :first-child,
body.mda-raad-v2-active .entry-content > :first-child,
body.mda-guide-active .wp-block-post-content > :first-child,
body.mda-guide-active .entry-content > :first-child,
body.woocommerce-account .wp-block-post-content > :first-child,
body.woocommerce-account .entry-content > :first-child,
body:has(.mda-v2-page) .wp-block-post-content > :first-child,
body:has(.mda-v2-page) .entry-content > :first-child{
  margin-block-start: 0 !important;
}

body.mda-help-active main > .wp-block-group:first-child,
body.mda-help-active main > .wp-block-post-content:first-child,
body.mda-raad-active main > .wp-block-group:first-child,
body.mda-raad-v2-active main > .wp-block-group:first-child,
body.mda-raad-active main > .wp-block-post-content:first-child,
body.mda-raad-v2-active main > .wp-block-post-content:first-child,
body.mda-guide-active main > .wp-block-group:first-child,
body.mda-guide-active main > .wp-block-post-content:first-child,
body.woocommerce-account main > .wp-block-group:first-child,
body.woocommerce-account main > .wp-block-post-content:first-child,
body:has(.mda-v2-page) main > .wp-block-group:first-child,
body:has(.mda-v2-page) main > .wp-block-post-content:first-child{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-help-active main .wp-block-group.alignfull:first-child,
body.mda-help-active main .wp-block-post-content:first-of-type,
body.mda-raad-active main .wp-block-group.alignfull:first-child,
body.mda-raad-v2-active main .wp-block-group.alignfull:first-child,
body.mda-raad-active main .wp-block-post-content:first-of-type,
body.mda-raad-v2-active main .wp-block-post-content:first-of-type,
body.mda-guide-active main .wp-block-group.alignfull:first-child,
body.mda-guide-active main .wp-block-post-content:first-of-type,
body.woocommerce-account main .wp-block-group.alignfull:first-child,
body.woocommerce-account main .wp-block-post-content:first-of-type,
body:has(.mda-v2-page) main .wp-block-group.alignfull:first-child,
body:has(.mda-v2-page) main .wp-block-post-content:first-of-type{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Klassisk wrapper + tema-container */
body.mda-help-active #main-content .container,
body.mda-raad-active #main-content .container,
body.mda-raad-v2-active #main-content .container,
body.mda-guide-active #main-content .container,
body.woocommerce-account #main-content .container,
body:has(.mda-v2-page) #main-content .container{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-help-active .wp-site-blocks > main,
body.mda-raad-active .wp-site-blocks > main,
body.mda-raad-v2-active .wp-site-blocks > main,
body.mda-guide-active .wp-site-blocks > main,
body.woocommerce-account .wp-site-blocks > main,
body:has(.mda-v2-page) .wp-site-blocks > main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-help-active article.type-page,
body.mda-help-active article,
body.mda-raad-active article.type-page,
body.mda-raad-v2-active article.type-page,
body.mda-raad-active article,
body.mda-raad-v2-active article,
body.mda-guide-active article.type-page,
body.mda-guide-active article,
body.woocommerce-account article.type-page,
body.woocommerce-account article,
body:has(.mda-v2-page) article.type-page,
body:has(.mda-v2-page) article{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =============================================================================
 * LOG-IND: samme dødzone + fuld indholdsbredde som guide/hjælp (TT5)
 * body_class: mda-log-ind-page, page-log-ind
 * ============================================================================= */

body.mda-log-ind-page,
body.page-log-ind {
  --wp--style--global--content-size: var(--mda-content-max) !important;
  --wp--style--global--wide-size: var(--mda-content-max) !important;
}

body.mda-log-ind-page .wp-site-blocks,
body.mda-log-ind-page main,
body.mda-log-ind-page #primary,
body.mda-log-ind-page #content,
body.mda-log-ind-page #main-content,
body.page-log-ind .wp-site-blocks,
body.page-log-ind main,
body.page-log-ind #primary,
body.page-log-ind #content,
body.page-log-ind #main-content {
  --wp--style--global--content-size: var(--mda-content-max) !important;
  --wp--style--global--wide-size: var(--mda-content-max) !important;
  max-width: none !important;
}

body.mda-log-ind-page .wp-site-blocks,
body.page-log-ind .wp-site-blocks {
  row-gap: 0 !important;
  gap: 0 !important;
  align-items: flex-start !important;
}

body.mda-log-ind-page header,
body.mda-log-ind-page header.wp-block-template-part,
body.page-log-ind header,
body.page-log-ind header.wp-block-template-part {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

body.mda-log-ind-page main,
body.mda-log-ind-page main#wp--skip-link--target,
body.page-log-ind main,
body.page-log-ind main#wp--skip-link--target,
body.mda-log-ind-page .wp-block-post-content,
body.page-log-ind .wp-block-post-content,
body.mda-log-ind-page .entry-content,
body.page-log-ind .entry-content,
body.mda-log-ind-page #main-content,
body.page-log-ind #main-content {
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  margin-top: 0 !important;
}

body.mda-log-ind-page .wp-block-post-content > :first-child,
body.mda-log-ind-page .entry-content > :first-child,
body.page-log-ind .wp-block-post-content > :first-child,
body.page-log-ind .entry-content > :first-child {
  margin-block-start: 0 !important;
}

body.mda-log-ind-page main > .wp-block-group:first-child,
body.mda-log-ind-page main > .wp-block-post-content:first-child,
body.page-log-ind main > .wp-block-group:first-child,
body.page-log-ind main > .wp-block-post-content:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-log-ind-page main .wp-block-group.alignfull:first-child,
body.mda-log-ind-page main .wp-block-post-content:first-of-type,
body.page-log-ind main .wp-block-group.alignfull:first-child,
body.page-log-ind main .wp-block-post-content:first-of-type {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-log-ind-page #main-content .container,
body.mda-log-ind-page #main-content,
body.page-log-ind #main-content .container,
body.page-log-ind #main-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-log-ind-page .wp-site-blocks > main,
body.page-log-ind .wp-site-blocks > main {
  padding-top: 0 !important;
  margin-top: 0 !important;
  align-self: flex-start !important;
}

body.mda-log-ind-page article.type-page,
body.mda-log-ind-page article,
body.page-log-ind article.type-page,
body.page-log-ind article {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-log-ind-page .wp-block-post-content,
body.mda-log-ind-page .entry-content,
body.page-log-ind .wp-block-post-content,
body.page-log-ind .entry-content {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  body.mda-log-ind-page,
  body.page-log-ind {
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--wide-size: 100% !important;
  }
}

/* Guide: shortcode + fuld bredde */
body.mda-guide-active .entry-content .wp-block-shortcode,
body.mda-guide-active .wp-block-shortcode{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

body.mda-guide-active .entry-content .alignfull,
body.mda-guide-active .wp-block-group.alignfull.has-global-padding{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/*
 * Forside: TT5 “alignfull” bruger typisk 100vw + neg. margin — på desktop var reset
 * kun i mobil-mediaquery, så indhold blev skubbet til venstre og klippet.
 */
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.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 {
  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;
}

body:has(.mda-v2-page) .entry-content .alignfull,
body:has(.mda-v2-page) .wp-block-group.alignfull.has-global-padding {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.mda-guide-active .mda-guide-root{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Forside [mda_landing_v2]: shortcode fylder main — margin 0 (ikke auto: TT5 flex + align-items:center
 * gør auto til smal, lidt forskudt kolonne). Centrering styres af .mda-v2-page (margin-inline: auto). */
body:has(.mda-v2-page) .entry-content .wp-block-shortcode,
body:has(.mda-v2-page) .wp-block-shortcode{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

body:has(.mda-v2-page) .entry-content .wp-block-shortcode{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

body:has(.mda-v2-page) .wp-block-shortcode.alignleft,
body:has(.mda-v2-page) .wp-block-shortcode.alignright,
body:has(.mda-v2-page) .wp-block-shortcode.alignwide{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Forside desktop (stretch/centrering): assets/css/mda-layout-desktop.css (≥981px) */

/* Rådgivning v2: shortcode-blok fuld bredde (undgå smal/venstre-justeret kolonne i TT5) */
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{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box !important;
}

body.mda-raad-active .entry-content .wp-block-shortcode,
body.mda-raad-v2-active .entry-content .wp-block-shortcode{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

/* WP “juster til venstre/højre” på shortcode — fjern float på rådgivning */
body.mda-raad-active .wp-block-shortcode.alignleft,
body.mda-raad-v2-active .wp-block-shortcode.alignleft,
body.mda-raad-active .wp-block-shortcode.alignright,
body.mda-raad-v2-active .wp-block-shortcode.alignright,
body.mda-raad-active .wp-block-shortcode.alignwide,
body.mda-raad-v2-active .wp-block-shortcode.alignwide{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hjælp: samme shortcode- og alignfull-reset som rådgivning (TT5 100vw-breakout) */
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{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.mda-help-active .entry-content .wp-block-shortcode,
body:has(.mda-help-page) .entry-content .wp-block-shortcode{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

body.mda-help-active .wp-block-shortcode.alignleft,
body:has(.mda-help-page) .wp-block-shortcode.alignleft,
body.mda-help-active .wp-block-shortcode.alignright,
body:has(.mda-help-page) .wp-block-shortcode.alignright,
body.mda-help-active .wp-block-shortcode.alignwide,
body:has(.mda-help-page) .wp-block-shortcode.alignwide{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Min konto */
body.woocommerce-account .woocommerce{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobil: forhindre horisontal overflow */
@media (max-width: 980px) {
  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.mda-log-ind-page),
  html:has(body.page-log-ind),
  html:has(body:has(.mda-dashboard)){
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.mda-help-active,
  html body:has(.mda-help-page),
  html body.mda-raad-active,
  html body.mda-raad-v2-active,
  html body:has(.mda-raad-v2-root),
  html body.mda-guide-active,
  html body:has(#mda-guide),
  html body.woocommerce-account,
  html body:has(.mda-v2-page),
  html body:has(.mda-login-page),
  html body.mda-log-ind-page,
  html body.page-log-ind,
  html body:has(.mda-dashboard){
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative !important;
    left: auto !important;
    transform: none !important;
  }

  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.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.mda-log-ind-page .wp-site-blocks,
  body.page-log-ind .wp-site-blocks,
  body:has(.mda-dashboard) .wp-site-blocks{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  /* Forside (landing): undgå dobbelt horisontal padding fra TT5 + .mda-v2-container */
  body:has(.mda-v2-page) main,
  body:has(.mda-v2-page) .entry-content,
  body:has(.mda-v2-page) .wp-block-post-content,
  /* Hjælp: samme princip som landing */
  body.mda-help-active main,
  body.mda-help-active .entry-content,
  body.mda-help-active .wp-block-post-content,
  body:has(.mda-help-page) main,
  body:has(.mda-help-page) .entry-content,
  body:has(.mda-help-page) .wp-block-post-content,
  /* Rådgivning v2: samme som hjælp */
  body.mda-raad-active main,
  body.mda-raad-active .entry-content,
  body.mda-raad-active .wp-block-post-content,
  body.mda-raad-v2-active main,
  body.mda-raad-v2-active .entry-content,
  body.mda-raad-v2-active .wp-block-post-content,
  body:has(.mda-raad-v2-root) main,
  body:has(.mda-raad-v2-root) .entry-content,
  body:has(.mda-raad-v2-root) .wp-block-post-content,
  /* Guide (AI) */
  body.mda-guide-active main,
  body.mda-guide-active .entry-content,
  body.mda-guide-active .wp-block-post-content,
  body:has(#mda-guide) main,
  body:has(#mda-guide) .entry-content,
  body:has(#mda-guide) .wp-block-post-content,
  /* Forside / landing shortcode */
  body:has(.mda-v2-page) main,
  body:has(.mda-v2-page) .entry-content,
  body:has(.mda-v2-page) .wp-block-post-content,
  /* Min konto / rapporter */
  body.woocommerce-account main,
  body.woocommerce-account .entry-content,
  body.woocommerce-account .wp-block-post-content,
  body:has(.mda-dashboard) main,
  body:has(.mda-dashboard) .entry-content,
  body:has(.mda-dashboard) .wp-block-post-content,
  body:has(.mda-account-wrap) main,
  body:has(.mda-account-wrap) .entry-content,
  body:has(.mda-account-wrap) .wp-block-post-content,
  body:has(.mda-report-view) main,
  body:has(.mda-report-view) .entry-content,
  body:has(.mda-report-view) .wp-block-post-content,
  /* Log-ind side */
  body:has(.mda-login-page) main,
  body:has(.mda-login-page) .entry-content,
  body:has(.mda-login-page) .wp-block-post-content,
  body.mda-log-ind-page main,
  body.mda-log-ind-page .entry-content,
  body.mda-log-ind-page .wp-block-post-content,
  body.page-log-ind main,
  body.page-log-ind .entry-content,
  body.page-log-ind .wp-block-post-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    overflow-x: clip;
  }
}

/* Fallback når body-klassen ikke er sat, men landing-shortcode er til stede */
@media (max-width: 1200px) {
  body:has(.mda-v2-page) #main-content,
  body:has(.mda-v2-page) #main-content .container,
  body:has(.mda-v2-page) #content,
  body:has(.mda-v2-page) #primary,
  body:has(.mda-v2-page) .wp-site-blocks{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body:has(.mda-v2-page) #left-area{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  body:has(.mda-v2-page) #sidebar,
  body:has(.mda-v2-page) #main-content .container::before{
    display: none !important;
  }
}

/* Fallback for alle MDA-views uden body-class afhængighed */
@media (max-width: 1200px) {
  body:has(.mda-help-page) #main-content,
  body:has(.mda-help-page) #main-content .container,
  body:has(.mda-help-page) #content,
  body:has(.mda-help-page) #primary,
  body:has(.mda-help-page) .wp-site-blocks,
  body:has(.mda-raad-v2-root) #main-content,
  body:has(.mda-raad-v2-root) #main-content .container,
  body:has(.mda-raad-v2-root) #content,
  body:has(.mda-raad-v2-root) #primary,
  body:has(.mda-raad-v2-root) .wp-site-blocks,
  body:has(#mda-guide) #main-content,
  body:has(#mda-guide) #main-content .container,
  body:has(#mda-guide) #content,
  body:has(#mda-guide) #primary,
  body:has(#mda-guide) .wp-site-blocks,
  body:has(.mda-dashboard) #main-content,
  body:has(.mda-dashboard) #main-content .container,
  body:has(.mda-dashboard) #content,
  body:has(.mda-dashboard) #primary,
  body:has(.mda-dashboard) .wp-site-blocks,
  body:has(.mda-account-wrap) #main-content,
  body:has(.mda-account-wrap) #main-content .container,
  body:has(.mda-account-wrap) #content,
  body:has(.mda-account-wrap) #primary,
  body:has(.mda-account-wrap) .wp-site-blocks,
  body:has(.mda-report-view) #main-content,
  body:has(.mda-report-view) #main-content .container,
  body:has(.mda-report-view) #content,
  body:has(.mda-report-view) #primary,
  body:has(.mda-report-view) .wp-site-blocks{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body:has(.mda-help-page) #left-area,
  body:has(.mda-raad-v2-root) #left-area,
  body:has(#mda-guide) #left-area,
  body:has(.mda-dashboard) #left-area,
  body:has(.mda-account-wrap) #left-area,
  body:has(.mda-report-view) #left-area{
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:has(.mda-help-page) #sidebar,
  body:has(.mda-help-page) #main-content .container::before,
  body:has(.mda-raad-v2-root) #sidebar,
  body:has(.mda-raad-v2-root) #main-content .container::before,
  body:has(#mda-guide) #sidebar,
  body:has(#mda-guide) #main-content .container::before,
  body:has(.mda-dashboard) #sidebar,
  body:has(.mda-dashboard) #main-content .container::before,
  body:has(.mda-account-wrap) #sidebar,
  body:has(.mda-account-wrap) #main-content .container::before,
  body:has(.mda-report-view) #sidebar,
  body:has(.mda-report-view) #main-content .container::before{
    display: none !important;
  }
}

/* Rådgivning mobil: klassisk layout (sidebar-slot) + blok-tema — tving symmetrisk kolonne */
@media (max-width: 980px) {
  body.mda-raad-active #left-area,
  body.mda-raad-v2-active #left-area,
  body:has(.mda-raad-v2-root) #left-area {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    float: none !important;
  }

  body.mda-raad-active #main-content,
  body.mda-raad-v2-active #main-content,
  body:has(.mda-raad-v2-root) #main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  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-raad-active main,
  body.mda-raad-v2-active main,
  body:has(.mda-raad-v2-root) main {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.mda-raad-active .entry-content,
  body.mda-raad-v2-active .entry-content,
  body.mda-raad-active .wp-block-post-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 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.mda-raad-active .mda-raad-v2-root .mda-rv2-shell,
  body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-shell,
  body:has(.mda-raad-v2-root) .mda-rv2-shell {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Rådgivning v2 (ny tom side) */
  body.mda-raad-v2-active .wp-site-blocks,
  body.mda-raad-v2-active main,
  body.mda-raad-v2-active .entry-content,
  body.mda-raad-v2-active .wp-block-post-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =============================================================================
 * Mobil (≤980px): fælles TT5 alignfull / shortcode-breakout (100vw)
 * Gælder guiden, landing, Min konto, log-ind, rapportvisning — samme princip
 * som hjælp/rådgivning: tema-wrappere må ikke være bredere end viewport.
 * ============================================================================= */
@media (max-width: 980px) {
  body.mda-guide-active main .wp-block-shortcode,
  body.mda-guide-active .wp-block-shortcode,
  body:has(#mda-guide) main .wp-block-shortcode,
  body:has(#mda-guide) .wp-block-shortcode,
  body:has(.mda-v2-page) main .wp-block-shortcode,
  body:has(.mda-v2-page) .wp-block-shortcode,
  body.woocommerce-account main .wp-block-shortcode,
  body.woocommerce-account .wp-block-shortcode,
  body:has(.mda-dashboard) main .wp-block-shortcode,
  body:has(.mda-dashboard) .wp-block-shortcode,
  body:has(.mda-account-wrap) main .wp-block-shortcode,
  body:has(.mda-account-wrap) .wp-block-shortcode,
  body:has(.mda-report-view) main .wp-block-shortcode,
  body:has(.mda-report-view) .wp-block-shortcode,
  body:has(.mda-login-page) main .wp-block-shortcode,
  body:has(.mda-login-page) .wp-block-shortcode,
  body.mda-log-ind-page main .wp-block-shortcode,
  body.mda-log-ind-page .wp-block-shortcode,
  body.page-log-ind main .wp-block-shortcode,
  body.page-log-ind .wp-block-shortcode,
  body.mda-help-active main .wp-block-shortcode,
  body.mda-help-active .wp-block-shortcode,
  body:has(.mda-help-page) main .wp-block-shortcode,
  body:has(.mda-help-page) .wp-block-shortcode,
  body.mda-raad-active main .wp-block-shortcode,
  body.mda-raad-active .wp-block-shortcode,
  body:has(.mda-raad-page) main .wp-block-shortcode,
  body:has(.mda-raad-page) .wp-block-shortcode {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.mda-guide-active .wp-block-shortcode.alignwide,
  body.mda-guide-active .wp-block-shortcode.alignleft,
  body.mda-guide-active .wp-block-shortcode.alignright,
  body:has(#mda-guide) .wp-block-shortcode.alignwide,
  body:has(#mda-guide) .wp-block-shortcode.alignleft,
  body:has(#mda-guide) .wp-block-shortcode.alignright,
  body:has(.mda-v2-page) .wp-block-shortcode.alignwide,
  body:has(.mda-v2-page) .wp-block-shortcode.alignleft,
  body:has(.mda-v2-page) .wp-block-shortcode.alignright,
  body.woocommerce-account .wp-block-shortcode.alignwide,
  body.woocommerce-account .wp-block-shortcode.alignleft,
  body.woocommerce-account .wp-block-shortcode.alignright,
  body:has(.mda-dashboard) .wp-block-shortcode.alignwide,
  body:has(.mda-login-page) .wp-block-shortcode.alignwide,
  body:has(.mda-login-page) .wp-block-shortcode.alignleft,
  body:has(.mda-login-page) .wp-block-shortcode.alignright,
  body.mda-log-ind-page .wp-block-shortcode.alignwide,
  body.mda-log-ind-page .wp-block-shortcode.alignleft,
  body.mda-log-ind-page .wp-block-shortcode.alignright,
  body.page-log-ind .wp-block-shortcode.alignwide,
  body.page-log-ind .wp-block-shortcode.alignleft,
  body.page-log-ind .wp-block-shortcode.alignright,
  body.mda-help-active .wp-block-shortcode.alignwide,
  body.mda-help-active .wp-block-shortcode.alignleft,
  body.mda-help-active .wp-block-shortcode.alignright,
  body:has(.mda-help-page) .wp-block-shortcode.alignwide,
  body:has(.mda-help-page) .wp-block-shortcode.alignleft,
  body:has(.mda-help-page) .wp-block-shortcode.alignright,
  body.mda-raad-active .wp-block-shortcode.alignwide,
  body.mda-raad-active .wp-block-shortcode.alignleft,
  body.mda-raad-active .wp-block-shortcode.alignright,
  body:has(.mda-raad-page) .wp-block-shortcode.alignwide,
  body:has(.mda-raad-page) .wp-block-shortcode.alignleft,
  body:has(.mda-raad-page) .wp-block-shortcode.alignright {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    transform: none !important;
  }

  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-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,
  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.mda-log-ind-page main .wp-block-group.alignfull,
  body.mda-log-ind-page .entry-content .wp-block-group.alignfull,
  body.mda-log-ind-page .wp-block-post-content .alignfull,
  body.page-log-ind main .wp-block-group.alignfull,
  body.page-log-ind .entry-content .wp-block-group.alignfull,
  body.page-log-ind .wp-block-post-content .alignfull,
  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:has(.mda-raad-page) main .wp-block-group.alignfull,
  body:has(.mda-raad-page) .entry-content .wp-block-group.alignfull,
  body:has(.mda-raad-page) .wp-block-post-content .alignfull {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.mda-guide-active main,
  body.mda-guide-active .wp-block-post-content,
  body.mda-guide-active article.type-page,
  body:has(#mda-guide) main,
  body:has(#mda-guide) .wp-block-post-content,
  body:has(#mda-guide) article.type-page,
  body:has(.mda-v2-page) main,
  body:has(.mda-v2-page) .wp-block-post-content,
  body:has(.mda-v2-page) article.type-page,
  body.woocommerce-account main,
  body.woocommerce-account .wp-block-post-content,
  body.woocommerce-account article.type-page,
  body:has(.mda-dashboard) main,
  body:has(.mda-dashboard) .wp-block-post-content,
  body:has(.mda-login-page) main,
  body:has(.mda-login-page) .wp-block-post-content,
  body.mda-log-ind-page main,
  body.mda-log-ind-page .wp-block-post-content,
  body.page-log-ind main,
  body.page-log-ind .wp-block-post-content,
  body.mda-help-active main,
  body.mda-help-active .wp-block-post-content,
  body:has(.mda-help-page) main,
  body:has(.mda-help-page) .wp-block-post-content,
  body.mda-raad-active main,
  body.mda-raad-active .wp-block-post-content,
  body:has(.mda-raad-page) main,
  body:has(.mda-raad-page) .wp-block-post-content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.mda-guide-active #mda-guide,
  body:has(#mda-guide) #mda-guide,
  body:has(.mda-v2-page) .mda-v2-page,
  body:has(.mda-dashboard) .mda-dashboard,
  body:has(.mda-account-wrap) .mda-account-wrap,
  body:has(.mda-report-view) .mda-report-view,
  body:has(.mda-login-page) .mda-login-page,
  body.mda-help-active .mda-help-page,
  body:has(.mda-help-page) .mda-help-page,
  body.mda-raad-active .mda-raad-page,
  body:has(.mda-raad-page) .mda-raad-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* =============================================================================
 * UNIVERSELT INHOLDS-SPOR — samme bredde/placering som forsidens hero-card
 * (sidst: vinder over side-CSS og inline-styles i shortcodes)
 * ============================================================================= */

body:has(.mda-login-page) .mda-login-page,
body:has(.mda-login-page) .mda-login-shell,
body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
body.mda-help-active .mda-help-page .mda-help-main > .mda-help-container,
body:has(.mda-help-page) .mda-help-page .mda-help-main > .mda-help-container,
body.mda-raad-active .mda-raad-page > section > .mda-raad-container,
body:has(.mda-raad-page) .mda-raad-page > section > .mda-raad-container,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-shell,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-shell,
body.woocommerce-account .woocommerce-MyAccount-content .mda-dashboard,
body:has(.mda-dashboard) .mda-dashboard {
  width: var(--mda-universal-card-width) !important;
  max-width: var(--mda-universal-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body:has(.mda-login-page) .mda-login-page {
  padding: var(--mda-universal-top-gap) 0 48px !important;
  background: transparent !important;
}

body:has(.mda-login-page) .mda-login-grid .mda-card {
  background: var(--mda-universal-card-bg) !important;
  border: 1px solid var(--mda-universal-card-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--mda-universal-card-shadow) !important;
}

.mda-v2-hero .mda-v2-container,
body:has(.mda-login-page) .mda-login-hero,
body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
body.mda-raad-active .mda-raad-hero .mda-raad-container,
body:has(.mda-raad-page) .mda-raad-hero .mda-raad-container,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
body.mda-guide-active .mda-guide-hero-frame,
body:has(#mda-guide) .mda-guide-hero-frame,
body.woocommerce-account .mda-dashboard-hero,
body:has(.mda-dashboard) .mda-dashboard-hero {
  padding: var(--mda-universal-card-padding-desktop) !important;
}

body.woocommerce-account .mda-dashboard-hero,
body:has(.mda-dashboard) .mda-dashboard-hero {
  background: var(--mda-universal-card-bg) !important;
  border: 1px solid var(--mda-universal-card-border) !important;
  border-radius: var(--mda-universal-card-radius) !important;
  box-shadow: var(--mda-universal-card-shadow) !important;
}

body.woocommerce-account .mda-dashboard > .mda-progress-card,
body.woocommerce-account .mda-dashboard > .mda-dashboard-split,
body:has(.mda-dashboard) .mda-dashboard > .mda-progress-card,
body:has(.mda-dashboard) .mda-dashboard > .mda-dashboard-split {
  background: var(--mda-universal-card-bg) !important;
  border: 1px solid var(--mda-universal-card-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--mda-universal-card-shadow) !important;
}

@media (max-width: 980px) {
  .mda-v2-hero .mda-v2-container,
  body:has(.mda-login-page) .mda-login-hero,
  body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
  body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
  body.mda-raad-active .mda-raad-hero .mda-raad-container,
  body:has(.mda-raad-page) .mda-raad-hero .mda-raad-container,
  body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
  body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
  body.mda-guide-active .mda-guide-hero-frame,
  body:has(#mda-guide) .mda-guide-hero-frame,
  body.woocommerce-account .mda-dashboard-hero,
  body:has(.mda-dashboard) .mda-dashboard-hero {
    padding: var(--mda-universal-card-padding-mobile) !important;
  }

  body:has(.mda-login-page) .mda-login-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Sidste lag: fælles lodret placering under topmenuen (øverste kant af topkort). */
.mda-v2-page .mda-v2-hero > .mda-v2-container:first-child,
body.mda-guide-active .mda-guide-hero,
body:has(#mda-guide) .mda-guide-hero,
body.mda-help-active .mda-help-page .mda-help-hero,
body:has(.mda-help-page) .mda-help-page .mda-help-hero,
body.mda-raad-active .mda-raad-page .mda-raad-hero,
body:has(.mda-raad-page) .mda-raad-page .mda-raad-hero,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-shell,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-shell,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-content .mda-dashboard > .mda-dashboard-hero:first-child,
body.woocommerce-account .woocommerce-MyAccount-content .mda-account-wrap > .mda-account-intro:first-child,
body.woocommerce-account .woocommerce-MyAccount-content .mda-report-view > .mda-report-hero:first-child,
body.woocommerce-account .mda-login-page .mda-login-hero,
body:not(.woocommerce-account):has(.mda-login-page) .mda-login-page .mda-login-hero {
  margin-top: var(--mda-universal-menu-gap, 32px) !important;
}

.mda-v2-page .mda-v2-hero,
body.mda-guide-active .mda-guide-hero,
body:has(#mda-guide) .mda-guide-hero,
body.mda-guide-active #mda-guide,
body:has(#mda-guide) #mda-guide,
body.mda-help-active .mda-help-page .mda-help-hero,
body:has(.mda-help-page) .mda-help-page .mda-help-hero,
body.mda-raad-active .mda-raad-page .mda-raad-hero,
body:has(.mda-raad-page) .mda-raad-page .mda-raad-hero,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-shell,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-shell,
body.woocommerce-account .woocommerce {
  padding-top: 0 !important;
}

/* Konto: grid uden egen top-margin — afstand styres af sidebar + første hero-kort. */
body.woocommerce-account .woocommerce {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Sidste lag: fælles vandret spor for topkort og konto-layout. */
.mda-v2-page .mda-v2-hero > .mda-v2-container:first-child,
body.mda-guide-active #mda-guide .mda-guide-hero,
body:has(#mda-guide) #mda-guide .mda-guide-hero,
body.mda-guide-active #mda-guide .mda-card > #mda-usage-info,
body:has(#mda-guide) #mda-guide .mda-card > #mda-usage-info,
body.mda-guide-active #mda-guide .mda-card > #mda-save-status,
body:has(#mda-guide) #mda-guide .mda-card > #mda-save-status,
body.mda-guide-active #mda-guide .mda-card > #mda-message,
body:has(#mda-guide) #mda-guide .mda-card > #mda-message,
body.mda-guide-active #mda-guide .mda-card > .mda-form,
body:has(#mda-guide) #mda-guide .mda-card > .mda-form,
body.mda-guide-active #mda-guide .mda-card > .mda-report-wrap,
body:has(#mda-guide) #mda-guide .mda-card > .mda-report-wrap,
body.mda-help-active .mda-help-page .mda-help-hero .mda-help-container,
body:has(.mda-help-page) .mda-help-page .mda-help-hero .mda-help-container,
body.mda-raad-active .mda-raad-page .mda-raad-hero .mda-raad-container,
body:has(.mda-raad-page) .mda-raad-page .mda-raad-hero .mda-raad-container,
body.mda-raad-v2-active .mda-raad-v2-root .mda-rv2-card,
body:has(.mda-raad-v2-root) .mda-raad-v2-root .mda-rv2-card,
body.woocommerce-account .mda-login-page .mda-login-hero,
body:not(.woocommerce-account):has(.mda-login-page) .mda-login-page .mda-login-hero {
  width: var(--mda-universal-card-width) !important;
  max-width: var(--mda-universal-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.woocommerce-account #main-content .container,
body.woocommerce-account .container,
body.woocommerce-account .woocommerce {
  width: var(--mda-universal-card-width) !important;
  max-width: var(--mda-universal-card-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:has(.mda-login-page) .mda-login-page {
  margin-top: 0 !important;
}