/* Custom styles for Al-Falak Imsyakiyah */

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

.htmx-request .htmx-indicator {
    display: flex;
}

.htmx-request.htmx-indicator {
    display: flex;
}

/* Table font for prayer times */
.font-mono {
    font-variant-numeric: tabular-nums;
}

/* Highlight Imsak column */
.table td:nth-child(5) {
    font-weight: 600;
}

/* Smooth transitions */
#result-section {
    transition: opacity 0.2s ease;
}

.htmx-swapping #result-section {
    opacity: 0;
}

/* Loading overlay */
#loading-overlay {
    display: none;
}

.htmx-request #loading-overlay {
    display: flex;
}

/* Custom scrollbar for table */
.overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: hsl(var(--b2));
    border-radius: 3px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: hsl(var(--p));
    border-radius: 3px;
}

/* Print styles */
@media print {
    .navbar, footer, form, .btn, #loading-overlay {
        display: none !important;
    }

    .card {
        box-shadow: none !important;
        border: 1px solid #ddd;
    }

    .table {
        font-size: 10px;
    }
}