/* My Village — minimal custom overrides (Tailwind CDN handles utilities) */

/* Prevent iOS input zoom */
input, select, textarea {
    font-size: 16px;
    font-family: 'Inter', system-ui, sans-serif;
}

/* Font smoothing */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* PWA safe area support */
@supports (padding: env(safe-area-inset-bottom)) {
    .bottom-nav-safe {
        padding-bottom: env(safe-area-inset-bottom);
    }
}

/* Custom select arrow using sage green */
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23A3B18A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    padding-right: 2.5rem !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Scroll behavior */
html { scroll-behavior: smooth; }

/* Schedule horizontal scroll */
.schedule-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}
.schedule-scroll::-webkit-scrollbar { height: 4px; }
.schedule-scroll::-webkit-scrollbar-track { background: #EDE0D4; border-radius: 2px; }
.schedule-scroll::-webkit-scrollbar-thumb { background: #A3B18A; border-radius: 2px; }

/* Details/summary custom styling */
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* Flash animation */
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.flash-animate { animation: slideDown 0.2s ease; }