/* Shortener Homepage - Minimal CSS for focus states */

/* Input wrapper focus state */
.u-transition-all:focus-within {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Responsive mobile adjustments */
@media (max-width: 640px) {
  /* Stack input elements vertically on mobile */
  .u-flex:has(.form-input) {
    flex-direction: column;
  }

  .u-flex:has(.form-input) .u-border-r {
    border-right: none !important;
    border-bottom: 1px solid #d1d5db !important;
  }

  .u-flex:has(.form-input) .btn {
    border-radius: 0 0 0.5rem 0.5rem !important;
    justify-content: center;
  }
}