/* ===== Vonfidel emergency responsive override (paste into Site CSS) ===== */

/* 1) Root: prevent horizontal scrolling from any element */
html, body, #rec, #allrecords { overflow-x: hidden !important; }

/* 2) Universal safe sizing */
*, *::before, *::after {
  box-sizing: border-box !important;
  min-width: 0 !important; /* critical: allows flex/grid children to shrink */
}

/* 3) Ensure containers and common Tilda wrappers cannot force overflow */
.container, .t-container, .t-rec, .t-records, .t706__cols, .t706__col, .t707__wrapper,
header, .grid-2, .feature, .zero-block, .t-btnflex, .t-btn, .btn, aside, figure {
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
}

/* 4) Make all media and embeds responsive */
img, picture, svg, iframe, video, embed, object {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

/* 5) Undo dangerous inline width styles (common when copying HTML) */
*[style*="width:"] {
  width: auto !important;
  max-width: 100% !important;
}

/* More specific targeting for typical fixed-width values (aggressive) */
*[style*="width:1200px"], *[style*="width:1024px"], *[style*="width:1000px"],
*[style*="min-width:1200px"], *[style*="min-width:1000px"] {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* 6) Make buttons and inline-flex items shrink / wrap */
.t-btnflex, .t-btn, .btn, .t-btn__link {
  min-width: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* 7) Ensure long strings/tables/code wrap instead of expanding */
pre, code, table, p, .t-text, .custom-html {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
}

/* 8) Small-screen safe padding so padding does not add horizontal width */
@media (max-width: 480px) {
  body { padding-left: 12px !important; padding-right: 12px !important; }
  .container { padding-left: 6px !important; padding-right: 6px !important; }
}

/* 9) Optional: temporarily visualize overflowers (uncomment while debugging) */
/* * { outline: 1px solid rgba(255,0,0,0.06) !important; } */
/* If you uncomment the line above, reload mobile and look for the element outlined beyond the viewport. */

/* 10) Safety: prevent transform-based overflow in Zero Blocks / special wrappers */
.zero-block, .t-block, .t-rec__wrapper { overflow: visible !important; -webkit-overflow-scrolling: touch !important; }

/* End override */