/* ==================================================
   cf_ultra_mobile.css
   Mobile-first polish across the whole site.
   Safe, additive overrides (no layout-breaking).
   ================================================== */

/* Better text rendering */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { line-height: 1.45; }

/* Comfortable tap targets */
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, .btn, .cf-btn, .ff-btn, .cf-nav-link, .cf-menu-item, .cf-topnav a {
  min-height: 44px;
}

/* Prevent random horizontal overflow on small screens */
* { max-width: 100%; }
img, svg, video, canvas { height: auto; }

/* Tables: always scroll instead of breaking layout */
table { width: 100%; border-collapse: collapse; }
.cf-table-wrap, .table-responsive, .table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
}
.cf-table-wrap table, .table-responsive table, .table-wrap table { min-width: 560px; }

/* Forms: full width inputs on mobile */
input[type="text"], input[type="email"], input[type="password"], input[type="number"],
input[type="url"], input[type="tel"], textarea, select {
  width: 100%;
}

/* Containers / spacing */
@media (max-width: 900px){
  .cf-main-inner { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (max-width: 520px){
  .cf-main-inner { padding-left: 10px !important; padding-right: 10px !important; }
  .cf-card, .card, .panel, .box { border-radius: 18px !important; }
}

/* Make long codes/hashes wrap nicely */
code, pre { white-space: pre-wrap; word-break: break-word; }

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce){
  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}


/* Tables: always scroll instead of breaking layout */
.cf-main-inner table{
  display:block;
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}
.cf-main-inner table thead, .cf-main-inner table tbody, .cf-main-inner table tr{
  width:100%;
}