/* Custom Theme Styles - Fresh Health & Care */

/* Base transitions */
.transition {
    transition: all 0.3s ease;
}

/* Card hover effects */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

/* Button styles */
.btn-primary {
    @apply bg-health-500 text-white px-6 py-2 rounded-xl font-medium transition;
}

.btn-primary:hover {
    @apply bg-health-600 shadow-lg;
}

.btn-secondary {
    @apply bg-care-500 text-white px-6 py-2 rounded-xl font-medium transition;
}

.btn-secondary:hover {
    @apply bg-care-600 shadow-lg;
}

/* Form input focus states */
.form-input:focus {
    @apply ring-2 ring-health-500 border-health-500 outline-none;
}

/* Table styles */
.table-header {
    @apply bg-cream-50 text-gray-600 font-semibold;
}

.table-row:hover {
    @apply bg-cream-50;
}

/* Alert styles */
.alert-success {
    @apply bg-health-50 border-health-200 text-health-600;
}

.alert-error {
    @apply bg-red-50 border-red-200 text-red-600;
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
    
    .print-area {
        margin: 0;
        padding: 20px;
    }
    
    body {
        background: white !important;
    }
}

/* Navbar active state */
.nav-active {
    @apply bg-health-600;
}

/* Card shadows */
.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

.card-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
}

/* Gradient backgrounds */
.bg-gradient-health {
    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
}

.bg-gradient-care {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
}

/* Status badges */
.badge {
    @apply px-3 py-1 rounded-full text-xs font-medium;
}

.badge-success {
    @apply bg-health-100 text-health-600;
}

.badge-warning {
    @apply bg-care-100 text-care-600;
}

.badge-danger {
    @apply bg-red-100 text-red-600;
}

/* Page title styling */
.page-title {
    @apply text-2xl font-bold text-gray-800 mb-6;
}

/* Section spacing */
.section {
    @apply py-8 px-4;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #F0FDF4;
}

::-webkit-scrollbar-thumb {
    background: #22C55E;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #16A34A;
}