/* Add styles here */

@media (max-width: 767px) { /* md breakpoint in Tailwind is 768px, so max-width: 767px targets smaller screens */
  #mobile-menu .ui-button {
    padding-left: 0.75rem;  /* Reduced horizontal padding */
    padding-right: 0.75rem;
    padding-top: 0.5rem;   /* Explicit vertical padding */
    padding-bottom: 0.5rem;
    height: auto;          /* Allow height to be determined by content and padding */
    justify-content: flex-start; /* Align text to left for w-full buttons */
  }
}