/* Import custom FilePond styling */
@import 'filepond-custom.css';

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

/* .btn-primary {
    @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}

.btn-secondary {
    @apply bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded;
}

.btn {
    @apply px-3 py-2 text-base rounded border border-slate-300 text-center transition-all shadow-sm hover:shadow-lg text-slate-600 hover:text-white hover:bg-slate-800 hover:border-slate-800 focus:text-white focus:bg-slate-800 focus:border-slate-800 active:border-slate-800 active:text-white active:bg-slate-800 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none;
}

.btn-xs {
    @apply px-2 py-1 text-xs rounded-sm;
}

.btn-sm {
    @apply px-2.5 py-1.5 text-sm rounded-md;
}

.btn-md {
    @apply px-3 py-2 text-base rounded;
}

.btn-lg {
    @apply px-4 py-3 text-lg rounded-lg;
}

.btn-group {
    @apply inline-flex;
}

.btn-group .btn {
    @apply rounded-none border-r-0;
}

.btn-group .btn:first-child {
    @apply rounded-l-md;
}

.btn-group .btn:last-child {
    @apply rounded-r-md border-r;
} */

/* Fix for double borders */
/* .btn-group .btn + .btn {
    @apply -ml-px;
} */

@font-face {
    font-family: 'Chalk';
    src: url('/fonts/chalk-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.chalk-text {
    font-family: 'Chalk', cursive;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

@font-face {
    font-family: 'cabin-sketch';
    src: url('/fonts/cabin-sketch-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.cabin-text {
    font-family: 'cabin-sketch', cursive;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}

/* Health Plan Landing Page Styles */
.font-heading {
    font-family: 'Poppins', sans-serif;
}
.font-display {
    font-family: 'Montserrat', sans-serif;
}
.bg-gradient-primary {
    background: linear-gradient(135deg, #2b7ab8 0%, #1a4971 100%);
}
.bg-gradient-secondary {
    background: linear-gradient(135deg, #da395d 0%, #b42e4d 100%);
}
.shape-blob {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    animation: blob-animation 8s linear infinite;
}
.shape-circle {
    border-radius: 50%;
}
.shape-square {
    border-radius: 15px;
    transform: rotate(10deg);
}
@keyframes blob-animation {
    0% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; }
    25% { border-radius: 45% 55% 65% 35% / 40% 50% 50% 60%; }
    50% { border-radius: 50% 50% 55% 45% / 45% 45% 55% 55%; }
    75% { border-radius: 55% 45% 60% 40% / 50% 40% 60% 50%; }
    100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; }
}
.cta-button {
    transition: all 0.3s ease;
}
.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.feature-icon {
    transition: all 0.3s ease;
}
.feature-card:hover .feature-icon {
    transform: scale(1.1);
}

#help-menu .menu-item {
    transition: all 0.3s ease;
}