/*
 * Compatibility layer for server-rendered WordPress shells.
 * Keeps viewport-sized layouts inside Twenty Twenty-Five's padded containers.
 */

@media (min-width: 1101px) and (max-width: 1440px) {
  body:has(.ai-home-shell) .entry-content.wp-block-post-content {
    box-sizing: border-box;
    margin-left: calc(
      -1 * var(--wp--style--root--padding-left, 50px) + 32px
    ) !important;
    margin-right: calc(
      -1 * var(--wp--style--root--padding-right, 50px) + 32px
    ) !important;
    max-width: calc(100vw - 64px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: calc(100vw - 64px) !important;
  }

  body:has(.ai-home-shell) .ai-home-shell {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 1100px) {
  body:has(.ai-home-shell) .entry-content.wp-block-post-content {
    margin-left: calc(
      -1 * var(--wp--style--root--padding-left, 30px)
    ) !important;
    margin-right: calc(
      -1 * var(--wp--style--root--padding-right, 30px)
    ) !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto !important;
  }

  body:has(.ai-home-shell) .ai-site-shell,
  .ai-site-shell.ai-site-shell--single,
  .ai-archive-shell {
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100% - 32px) !important;
    width: calc(100% - 32px) !important;
  }
}

@media (max-width: 1440px) {
  body.wp-singular:has(.ai-topic-hub-theme)
    .entry-content.wp-block-post-content {
    box-sizing: border-box;
    margin-left: calc(
      -1 * var(--wp--style--root--padding-left, 30px) + 16px
    ) !important;
    margin-right: calc(
      -1 * var(--wp--style--root--padding-right, 30px) + 16px
    ) !important;
    max-width: calc(100vw - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: calc(100vw - 32px) !important;
  }

  body.wp-singular:has(.ai-topic-hub-theme)
    .entry-content.wp-block-post-content
    .ai-topic-hub-theme {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body.wp-singular:has(.ai-topic-hub-theme)
    .ai-topic-preview-theme__columns {
    gap: clamp(1.5rem, 3vw, 2.5rem) !important;
    grid-template-columns:
      minmax(200px, 240px)
      minmax(0, 760px) !important;
  }

  body.wp-singular:has(.ai-topic-hub-theme)
    .ai-topic-preview-theme__right-rail {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  body.wp-singular:has(.ai-topic-hub-theme)
    .ai-topic-preview-theme__columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}