/* Responsive fixes - mobile-first, prevents iPhone 8 clutter site-wide */
html{ -webkit-text-size-adjust:100%; }
body{ overflow-x:hidden; }
img{ max-width:100%; height:auto; }

/* Page-ath - handled per-page inline for iPhone 8 only, keep global minimal */

/* Dashboard & general cards - stack on mobile */
.container{ max-width:100%; padding-left:12px; padding-right:12px; }
@media (min-width:576px){ .container{ padding-left:15px; padding-right:15px; } }
.row{ margin-left:-8px; margin-right:-8px; }
.row > [class*="col-"]{ padding-left:8px; padding-right:8px; }
@media (max-width:767px){
  .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-12,
  .col-md-4, .col-md-6, .col-md-8, .col-md-12{ flex:0 0 100%; max-width:100%; }
  .token-info.bdr-tl{ border-top:1px solid #e6effb; border-left:none; }
  .token-info{ text-align:center; }
}

/* Topbar - ensure it doesn't overflow on 320-375 */
.topbar .container, .navbar .container{ padding-left:12px; padding-right:12px; }
.topbar-logo img{ height:28px; }
@media (min-width:576px){ .topbar-logo img{ height:38px; } }
.navbar-menu{ flex-wrap:wrap; gap:4px; }
.navbar-menu li a{ padding:8px 10px; font-size:13px; white-space:nowrap; }
@media (max-width:375px){ .navbar-menu li a{ padding:6px 8px; font-size:12px; } }

/* Cards - reduce padding on small screens */
.card-innr{ padding:16px !important; }
.token-information{ padding:16px !important; }
@media (min-width:576px){ .card-innr{ padding:20px !important; } .token-information{ padding:20px !important; } }
@media (min-width:768px){ .card-innr{ padding:25px 30px !important; } }

/* Tables - horizontal scroll on mobile instead of breaking */
.table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.table{ min-width:500px; }

/* Forms - ensure 16px prevents iOS zoom, tap targets 44px */
.form-control, .btn{ font-size:16px; }
.btn{ min-height:44px; padding:10px 16px; }
@media (max-width:375px){ .btn{ font-size:14px; padding:8px 12px; } }

/* Modals - ensure they fit iPhone 8 */
.modal-dialog{ margin:10px; max-width:calc(100vw - 20px); }
@media (min-width:576px){ .modal-dialog{ margin:35px auto; } }

/* Signin - prevent Forgot truncation on iPhone 8 375 - stack vertically on mobile */
.page-ath-frm .d-flex.justify-content-between{ flex-wrap:wrap !important; gap:8px !important; }
@media (max-width: 576px){
  .page-ath-frm .d-flex.justify-content-between{ flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
  .page-ath-frm .d-flex.justify-content-between > div:last-child{ width:100% !important; text-align:left !important; }
}
/* Wallet dashboard - ensure balances and cards breathe on small screens */
@media (max-width: 767px){
  .token-balance{ flex-direction:column; align-items:flex-start; gap:4px; }
  .token-balance-list{ flex-wrap:wrap; gap:8px; }
  .token-balance-list li{ min-width:45% !important; }
  .card-token .token-balance-list li{ min-width:45% !important; }
  .page-content{ padding-top:12px; }
}
/* Footer - prevent clutter */
.footer-bar .row{ flex-direction:column; text-align:center; gap:8px; }
@media (min-width:768px){ .footer-bar .row{ flex-direction:row; } }
/* Ensure no element causes horizontal scroll on 320-375 */
@media (max-width: 375px){
  .topbar .topbar-logo{ max-width:120px; }
  .topbar .topbar-logo img{ max-width:100%; }
  .navbar-toggler, .toggle-nav{ padding:8px; }
}