/* UAAE Global Mobile Styles */
@media (max-width: 768px) {

  /* Fix all two-column layouts */
  div[style*="display:grid"],
  div[style*="display: grid"] {
    display: block !important;
  }

  div[style*="display:flex"],
  div[style*="display: flex"] {
    flex-wrap: wrap !important;
  }

  /* Fix grid columns */
  div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  /* Fix widths */
  div[style*="width:50%"],
  div[style*="width: 50%"] {
    width: 100% !important;
  }

  div[style*="width:60%"],
  div[style*="width: 60%"] {
    width: 100% !important;
  }

  div[style*="width:40%"],
  div[style*="width: 40%"] {
    width: 100% !important;
  }

  /* Fix padding on mobile */
  div[style*="padding:80px 48px"],
  div[style*="padding: 80px 48px"] {
    padding: 40px 16px !important;
  }

  div[style*="padding:60px 48px"],
  div[style*="padding: 60px 48px"] {
    padding: 32px 16px !important;
  }

  /* Fix font sizes */
  h1[style*="font-size:3"],
  h1[style*="font-size: 3"] {
    font-size: 2rem !important;
  }

  h2[style*="font-size:2"],
  h2[style*="font-size: 2"] {
    font-size: 1.5rem !important;
  }

  /* Akata widget */
  #akata-widget {
    bottom: 16px !important;
    right: 16px !important;
  }

  #akata-popup {
    width: 300px !important;
    right: -16px !important;
  }

  /* Navigation */
  .nav-links {
    display: none !important;
  }

  /* Tables */
  table {
    display: block !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 480px) {
  div[style*="gap:32px"],
  div[style*="gap: 32px"] {
    gap: 16px !important;
  }

  div[style*="padding:0 48px"],
  div[style*="padding: 0 48px"] {
    padding: 0 16px !important;
  }
}