/* Band Portal - Custom styles (supplements Tailwind CDN in dev) */

/* Design 2: Warm Charcoal × Terracotta */
body {
    background-color: #fdfcfa; /* very light warm white */
}

/* Feature card hover effect */
.feature-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.feature-card:hover {
    transform: translateY(-2px);
}

/* iOS Safari: 入力フィールドタップ時の自動ズーム防止 (font-size < 16px で発生)
   Tailwindのtext-sm(14px)より優先させるため!importantが必要 */
input, textarea, select {
    font-size: 16px !important;
}

/* iOS Safari: date/time のネイティブ描画を無効化
   空値時の高さ崩れを防ぐためCSSレンダリングに切り替え。ピッカーは引き続き開く */
input[type="date"],
input[type="time"] {
    -webkit-appearance: none;
    appearance: none;
}

/* iOS Safari: date/time/select のグレー背景対策 */
input[type="date"],
input[type="time"],
select {
    background-color: #fff;
}

/* Safe area padding for iOS PWA */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    nav.fixed.bottom-0 {
        padding-bottom: env(safe-area-inset-bottom);
    }
    main {
        padding-bottom: calc(5rem + env(safe-area-inset-bottom));
    }
}