/* css/style.css */

body { font-family: 'Inter', sans-serif; -webkit-tap-highlight-color: transparent; }

/* Scrollbar Styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* SEO Content Styling */
.prose { max-width: none; }
.prose h2 { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin-top: 0; margin-bottom: 1rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 0.5rem; }
.prose h3 { font-size: 1.25rem; font-weight: 600; color: #334155; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.prose p { margin-bottom: 1rem; line-height: 1.7; color: #475569; }
.prose ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1rem; color: #475569; }
.prose li { margin-bottom: 0.5rem; }

/* Form Input Styling */
.input-label { font-size: 0.7rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.25rem; display: block; }
@media (min-width: 640px) { .input-label { font-size: 0.75rem; } }

.input-wrapper { position: relative; }
.input-symbol { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: #94a3b8; font-weight: 500; z-index: 10; }
.input-field { width: 100%; padding: 0.6rem 0.75rem 0.6rem 2rem; border: 1px solid #e2e8f0; border-radius: 0.5rem; font-size: 1rem; transition: all 0.2s; background: #fff; }
.input-field.no-symbol { padding-left: 0.75rem; }
.input-field:focus { outline: none; border-color: #0d9488; box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1); }
.input-field:disabled { background-color: #f1f5f9; color: #64748b; cursor: not-allowed; }

/* Flatpickr Customization */
.flatpickr-calendar { font-family: 'Inter', sans-serif; border-radius: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border: 1px solid #e2e8f0; }
.flatpickr-day.selected { background: #0d9488; border-color: #0d9488; }

/* Sticky Calculate Button */
.sticky-action { position: sticky; bottom: 1rem; z-index: 20; backdrop-filter: blur(8px); margin-top: 1rem; }