/* Mobile override for duhaajednorozci.cz Gamma export */

@media (max-width: 900px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    overflow-y: auto !important;
  }

  #__next,
  .simple-editor-root,
  .ProseMirror,
  [data-testid="doc-node-root"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* Main card wrapper */
  .card-layout,
  .card-body,
  .card-content,
  [data-card-body] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Turn the desktop 62.5 / 37.5 split into a stacked mobile layout */
  .card-layout > .card-content > [data-node-view-content-inner="card"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas:
      "body"
      "accent" !important;
    min-height: auto !important;
  }

  .card-layout > .card-content > [data-node-view-content-inner="card"] > [data-layout-item-id="body"] {
    grid-area: body !important;
  }

  .card-layout > .card-content > [data-node-view-content-inner="card"] > [data-layout-item-id="accent"] {
    grid-area: accent !important;
    min-height: 260px !important;
  }

  /* Fix split-card corner radii after stacking */
  [data-layout-item-id="body"] .card-layout-cell-bg {
    border-top-right-radius: var(--card-border-radius) !important;
    border-bottom-left-radius: 0 !important;
  }

  [data-layout-item-id="accent"] .card-layout-cell-bg {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: var(--card-border-radius) !important;
  }

  /* Better inner spacing on phones */
  .card-layout > .card-content > [data-node-view-content-inner="card"] > .node-cardLayoutItem > [data-node-view-wrapper] > .card-layout-cell-bg > [data-node-view-content] {
    padding: clamp(18px, 5vw, 30px) !important;
  }

  .card-layout > .card-content > [data-node-view-content-inner="card"] > .node-cardLayoutItem > [data-node-view-wrapper] > .card-layout-cell-bg > [data-node-view-content] > [data-node-view-content-inner] {
    max-width: 100% !important;
  }

  /* Headings/text scale-down without changing design language */
  .block-title .title,
  .block-title .title[level="1"],
  .block-title .title[level="2"],
  .block-title .title[level="3"] {
    font-size: clamp(2rem, 9vw, 3.3rem) !important;
    line-height: 1.1 !important;
  }

  .block-heading .heading[level="1"] {
    font-size: clamp(1.8rem, 7vw, 2.5rem) !important;
    line-height: 1.15 !important;
  }

  .block-heading .heading[level="2"] {
    font-size: clamp(1.45rem, 5.5vw, 2rem) !important;
    line-height: 1.18 !important;
  }

  .block-heading .heading[level="3"] {
    font-size: clamp(1.2rem, 4.8vw, 1.55rem) !important;
  }

  .block-paragraph,
  [data-font-size="default"],
  [data-font-size="lg"],
  [data-font-size="sm"] {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  /* Media */
  img,
  svg,
  video,
  canvas,
  iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Prevent hidden desktop overflow from clipping content on mobile */
  [data-node-view-wrapper],
  [data-node-view-content],
  [data-node-view-content-inner] {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 640px) {
  .card-layout > .card-content > [data-node-view-content-inner="card"] > [data-layout-item-id="accent"] {
    min-height: 220px !important;
  }

  .card-layout > .card-content > [data-node-view-content-inner="card"] > .node-cardLayoutItem > [data-node-view-wrapper] > .card-layout-cell-bg > [data-node-view-content] {
    padding: 18px !important;
  }
}