/* SevenP WK 2026 - Custom styles */

/* Smooth transitions */
* {
    -webkit-tap-highlight-color: transparent;
}

/* Number input spinners styling */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
    height: 100%;
}

/* HTMX loading indicator */
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-block;
}

.htmx-request button[type="submit"] {
    opacity: 0.6;
    pointer-events: none;
}

/* Smooth card transitions */
[id^="match-card-"] {
    transition: all 0.3s ease;
}

/* Focus styles */
input:focus {
    box-shadow: 0 0 0 3px rgba(254, 80, 0, 0.15);
}

/* Mobile number input larger touch targets */
@media (max-width: 640px) {
    input[type="number"] {
        font-size: 18px;
    }
}