/* Small custom styles to complement Tailwind */

/* Dialog (modal) — basic styling for native <dialog> */
dialog::backdrop { backdrop-filter: blur(2px); }
dialog[open] { animation: dialog-pop .15s ease-out; }
@keyframes dialog-pop {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to   { opacity: 1; transform: none; }
}

/* Reduce default browser tap highlight */
button, [role="button"], a { -webkit-tap-highlight-color: transparent; }

/* Press feedback for the prayer / chore toggle cards */
[data-toggle-prayer], [data-toggle-chore] {
    transition: transform .08s ease, background-color .15s ease, border-color .15s ease;
}
[data-toggle-prayer]:active:not(:disabled),
[data-toggle-chore]:active:not(:disabled) {
    transform: scale(.97);
}

/* Allow long-pressing without selecting */
[data-toggle-prayer], [data-toggle-chore] { user-select: none; }

/* iOS safe-area for the bottom nav */
nav.fixed.bottom-0 {
    padding-bottom: env(safe-area-inset-bottom, 0);
}