/* Responsive overrides for mobile homepage (2026-01-03)
   Place in public_html/css/responsive-home.css and include in home.php */

@media (max-width: 600px) {
  #root > div {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .mb-12, .mt-12 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
      }
      .logo-section img, .animate-float {
          width: 120px !important;
          max-width: 60vw !important;
          display: block;
          margin-left: auto;
          margin-right: auto;
          }

           .p-4, .p-5, .py-7, .py-6, .py-5, .py-3, .py-2.5 {
    padding: 0.3rem !important;
  }
         
    .max-w-sm, .max-w-xs {
    max-width: 98vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /*
  .rounded-[2.5rem], .rounded-[2.8rem], .rounded-[3rem] {
    border-radius: 1.2rem !important;
  }
  .text-3xl {
    font-size: 1.2rem !important;
  }
  .shadow-2xl, .shadow-xl, .shadow-lg, .shadow-md {
    box-shadow: none !important;
  }
  .mb-10, .mt-10, .mb-12, .mt-12 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0.5rem !important;
  }
  .gap-4, .gap-5, .gap-3, .gap-2 {
    gap: 0.5rem !important;
  }
  .w-14, .h-14, .w-16, .h-16, .w-8, .h-8, .w-5, .h-5, .w-6, .h-6 {
    width: 2rem !important;
    height: 2rem !important;
  }
  .px-5, .px-6 {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }
  .py-2.5, .py-3 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
  }
  /* Keep flex and text centered for all sections */

  /* Hide less important sections by default, add toggle if needed */
  .tournament-card-mobile {
    display: none;
  }
  */
}