/* CarRental Light Theme - Custom styles beyond Tailwind utilities */

/* Star rating widget */
.star-rating {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 2px;
}
.star-rating input { display: none; }
.star-rating label {
    cursor: pointer;
    font-size: 1.25rem;
    color: #d1d5db;
    transition: color 0.15s;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label {
    color: #f59e0b;
}

/* Glass morphism card effect - light theme */
.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Card hover glow */
.card-hover-glow {
    transition: transform 0.2s, box-shadow 0.2s;
}
.card-hover-glow:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Map containers */
.map-container {
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

/* Custom scrollbar for light theme */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f9fafb; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Gradient hero background */
.hero-gradient {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e293b 100%);
}

/* Amber glow button */
.btn-amber-glow:hover {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.35);
}

/* Status badge colors - light theme */
.status-pending { background-color: #fef3c7; color: #92400e; }
.status-accepted { background-color: #dbeafe; color: #1e40af; }
.status-enroute { background-color: #cffafe; color: #155e75; }
.status-arrived { background-color: #e0e7ff; color: #3730a3; }
.status-started { background-color: #dcfce7; color: #166534; }
.status-completed { background-color: #d1fae5; color: #065f46; }
.status-cancelled { background-color: #fee2e2; color: #991b1b; }

/* Smooth transitions */
.transition-all { transition: all 0.2s ease; }

/* Toast container light mode */
.toast-light {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    color: #1f2937;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Mobile hamburger animation */
.hamburger-line {
    transition: transform 0.3s, opacity 0.3s;
}

/* Pulse animation for live indicators */
@keyframes pulse-dot {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.pulse-dot {
    animation: pulse-dot 2s ease-in-out infinite;
}

/* Fix leaflet map in dark containers */
.leaflet-container { border-radius: 0.75rem; }

/* Light theme card shadow utility */
.card-shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.card-shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}