/* mobile-fix.css — small, safe, global responsive patches
   الهدف: منع خروج العناصر خارج الشاشة في الهاتف + تحسين الجداول/الصور/النصوص
*/

html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }

/* Avoid unexpected horizontal scroll */
html,body{ max-width:100%; overflow-x:hidden; }

/* Media should never overflow */
img,video,canvas,svg{ max-width:100%; height:auto; }
iframe{ max-width:100%; }
table{ max-width:100%; }

/* Long words/links should wrap */
a,p,li,h1,h2,h3,h4,h5,h6,td,th{ overflow-wrap:anywhere; word-break:break-word; }

/* Code blocks */
pre,code{ white-space:pre-wrap; word-break:break-word; }

/* Form controls */
input,select,textarea,button{ max-width:100%; }

/* Utility: horizontal scroll wrapper (use around tables/long content if needed) */
.responsive-scroll,.table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* Phones */
@media (max-width:575.98px){
  /* Prevent iOS from zooming on focus */
  input,select,textarea{ font-size:16px; }
  button,.btn{ min-height:44px; }
}