/* -------------------------------------------------------
   📱 MOBILE-ONLY MODIFIERS
   Purpose: Adjust alignment or spacing only on mobile devices
   Breakpoint: max-width 768px
-------------------------------------------------------- */

@media (max-width: 768px) {
  .text-center-mobile { text-align: center !important; }
  .text-left-mobile   { text-align: left !important; }
  .text-right-mobile  { text-align: right !important; }

  .section-tight-mobile {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .no-padding-mobile {
    padding: 0 !important;
  }

  .hide-desktop {
    display: block !important;
  }

  .hide-mobile {
    display: none !important;
  }
}

/* Desktop default — hide certain elements */
.hide-desktop {
  display: none !important;
}