@tailwind base;
@tailwind components;
@tailwind utilities;

/* Audio player styles */
.melody-btn.active {
    border-color: #2563eb;
    background-color: #eff6ff;
    font-weight: 600;
}

.dark .melody-btn.active {
    background-color: #1e3a8a;
    border-color: #3b82f6;
    color: #fff;
}

.melody-btn {
    padding: 0.5rem 1rem;
}

@media (max-width: 640px) {
    .melody-btn {
        width: 100%;
    }
}

/* Psalm grid menu styles */
.psalm-button.active, .special-psalm-button.active {
    font-weight: 600;
}

/* Menu grid layout - 3 columns for mobile, 4 for larger screens */
@media (max-width: 640px) {
    ul.flex.flex-wrap.justify-center.gap-4 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    ul.flex.flex-wrap.justify-center.gap-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }
}