/* Minimal custom CSS - Tailwind handles most styling */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

#instagram-status {
    min-height: 50px;
}

/* Instagram Gradient Colors */
.instagram-gradient-static {
    background: linear-gradient(135deg, #833AB4 0%, #E1306C 50%, #F77737 100%);
}

.instagram-gradient-hover {
    background: linear-gradient(135deg, #E1306C 0%, #F77737 50%, #FCAF45 100%);
}

/* Instagram color classes */
.text-instagram-pink {
    color: #E1306C;
}

.border-instagram-pink {
    border-color: #E1306C;
}

.hover\:bg-instagram-light:hover {
    background-color: #FDF2F8;
}

.hover\:text-instagram-pink:hover {
    color: #E1306C;
}

.focus\:ring-instagram-pink:focus {
    --tw-ring-color: #E1306C;
}

.focus\:border-instagram-pink:focus {
    border-color: #E1306C;
}

/* Download button loading state */
#download-form.htmx-request #download-btn,
#download-btn.htmx-request {
    background-color: #9CA3AF !important;
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: 0.6;
}

#download-form.htmx-request #download-btn .download-content,
#download-btn.htmx-request .download-content {
    display: none;
}

#download-form.htmx-request #download-btn .download-spinner,
#download-btn.htmx-request .download-spinner {
    display: inline-block !important;
}