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

@layer base {
    body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
}

@layer components {
    .bg-brand { @apply bg-[#112250]; }
    .text-brand { @apply text-[#112250]; }
    .btn-primary { @apply inline-flex items-center justify-center rounded-lg bg-[#112250] px-4 py-2.5 text-sm font-semibold text-white hover:bg-[#0d1a3d]; }
    .btn-secondary { @apply inline-flex items-center justify-center rounded-lg border border-slate-300 bg-white px-4 py-2.5 text-sm font-semibold text-slate-700 hover:bg-slate-50; }
    .input { @apply w-full rounded-lg border border-slate-300 px-3 py-2.5 text-sm shadow-sm focus:border-[#112250] focus:outline-none focus:ring-2 focus:ring-[#112250]/20; }
    .label { @apply mb-1 block text-sm font-medium text-slate-700; }
    .card { @apply rounded-xl border border-slate-200 bg-white p-6 shadow-sm; }
    .badge { @apply inline-flex rounded-full bg-slate-100 px-2.5 py-0.5 text-xs font-medium text-slate-700; }
    .signature-input { font-family: 'Brush Script MT', cursive; font-size: 1.25rem; }
    .terms_textarea { min-height: 12rem; font-size: 0.875rem; line-height: 1.6; }
    .credit-card { @apply relative h-44 overflow-hidden rounded-2xl bg-gradient-to-br from-[#112250] to-[#1a3a6e] p-6 text-white shadow-lg; }
    .credit-card.amex { @apply from-slate-700 to-slate-900; }
    .credit-card-number { @apply mt-8 font-mono text-lg tracking-widest; }
    .credit-card-name { @apply mt-4 text-sm uppercase tracking-wide opacity-90; }
    .credit-card-exp { @apply absolute bottom-6 right-6 text-sm font-mono; }
}

/* Google Places dropdown above form cards */
.pac-container { z-index: 10000 !important; }