/* Keep the custom license catalogue readable when text is enlarged to 200%. */
html[data-myrubikon-text-zoom-ready="true"] .rbk-widget-purpose {
  max-width: min(190px, 100%) !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

html[data-myrubikon-text-zoom-ready="true"] .rbk-widget-card p {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
}

/* The controlled 200% text check must exercise reflow, not retain fixed
   desktop tracks or one-line text from the visual-parity layout. */
html[data-myrubikon-text-zoom-ready="true"],
html[data-myrubikon-text-zoom-ready="true"] main {
  overflow-x: clip;
}

html[data-myrubikon-text-zoom-ready="true"] body {
  min-width: 0;
}

html[data-myrubikon-text-zoom-ready="true"] :is(
  .container,
  [class*="grid"],
  [class*="cards"],
  [class*="tabs"],
  [class*="panel"],
  [class*="content"],
  [class*="copy"]
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[data-myrubikon-text-zoom-ready="true"] :is(
  h1, h2, h3, h4, p, span, a, button, label, summary, li, dd, dt, strong, b, small, em
) {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word;
}

html[data-myrubikon-text-zoom-ready="true"] main :is(
  button,
  article,
  [class*="card"],
  [class*="panel"],
  [class*="price"],
  [class*="help"]
) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* The industry process keeps a fixed-height horizontal track for source
   parity at normal text size. At 200% text, let that same track and viewport
   take the height of the longest card so enlarged copy cannot be clipped. */
html[data-myrubikon-text-zoom-ready="true"] .industry-process,
html[data-myrubikon-text-zoom-ready="true"] .industry-process__layout,
html[data-myrubikon-text-zoom-ready="true"] .industry-process__viewport,
html[data-myrubikon-text-zoom-ready="true"] .industry-process__track {
  height: auto !important;
  max-height: none !important;
}

html[data-myrubikon-text-zoom-ready="true"] .industry-process {
  overflow: visible !important;
}

html[data-myrubikon-text-zoom-ready="true"] .industry-process__viewport {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

html[data-myrubikon-text-zoom-ready="true"] .industry-process__track,
html[data-myrubikon-text-zoom-ready="true"] .industry-process__track > article {
  min-height: 430px;
}

/* Preserve the full editable licence amount at 200% text size. The currency
   suffix moves to its own row so the input can reflow without shrinking the
   enlarged value or relying on clipped native-input overflow. */
html[data-myrubikon-text-zoom-ready="true"] .amount-input {
  flex-wrap: wrap !important;
}

html[data-myrubikon-text-zoom-ready="true"] .amount-input input[data-myrubikon-text-zoom="200"],
html[data-myrubikon-text-zoom-ready="true"] .amount-input span[data-myrubikon-text-zoom="200"] {
  box-sizing: border-box;
  flex: 1 1 100%;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-myrubikon-text-zoom-ready="true"] .amount-input span[data-myrubikon-text-zoom="200"] {
  padding: 0 !important;
}

/* Long visible URLs in regular Tilda text must wrap at 200% text size. */
.t-text a {
  overflow-wrap: anywhere;
}