/* Dark theme styles */
.dark body {
    background-color: #1a202c;
    color: #cbd5e0;
}

.dark header {
    background-color: #2d3748;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.dark .bg-white {
    background-color: #2d3748 !important;
}

.dark .bg-slate-50 {
    background-color: #1a202c !important;
}

.dark .text-gray-800 {
    color: #e2e8f0;
}

.dark .text-gray-600 {
    color: #a0aec0;
}

.dark .text-gray-700 {
    color: #a0aec0;
}

.dark .text-gray-500 {
    color: #718096;
}

.dark .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.dark .border-gray-200 {
    border-color: #4a5568;
}

.dark .bg-gray-800 {
    background-color: #1a202c;
}

.dark footer.bg-gray-800 {
    background-color: #2d3748;
}

.dark .text-gray-400 {
    color: #90a3bf;
}

.dark .text-gray-200 {
    color: #d2d6dc;
}

.dark .border-gray-700 {
    border-color: #4a5568;
}

.dark #about-modal-content {
    background-color: #2d3748;
}

.dark #about-modal {
    background-color: rgba(26, 32, 44, 0.75) !important;
}

.dark .bg-gray-200 {
    background-color: #4a5568;
}

.dark .bg-white\/90 {
    background-color: rgba(45, 55, 72, 0.9);
}

.dark .text-indigo-600 {
    color: #a3bffa;
}
.dark .bottom-nav {
    background-color: rgba(31, 41, 55, 0.8) !important;
    border-color: #4a5568 !important;
}

.text-purple-600 {
    color: #581c87;
}

.dark .text-purple-600 {
    color: #c084fc;
}

/* Styles for edit-event.html dark mode */
.dark .bg-gray-100 {
    background-color: #1a202c;
}

.dark .bg-gray-50 {
    background-color: #2d3748;
}

.dark .text-gray-900 {
    color: #f7fafc;
}

.dark .border-gray-300 {
    border-color: #4a5568;
}

.dark input,
.dark textarea,
.dark select {
    background-color: #1a202c;
    color: #cbd5e0;
    border-color: #4a5568;
}

.dark input:focus,
.dark textarea:focus,
.dark select:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity));
     border-color: #6366f1;
}

.dark #map {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

/* Custom animated dropdown */
#custom-category-options {
    transition: all 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
}

#custom-category-options.open {
    max-height: 240px; /* Corresponds to max-h-60 */
    opacity: 1;
    transform: translateY(0);
}

#custom-category-arrow.open {
    transform: rotate(180deg);
}

.custom-option {
    padding: 0.75rem 1rem;
    cursor: pointer;
}

.custom-option:hover {
    background-color: #f3f4f6; /* bg-gray-100 */
}

.custom-option.selected {
    background-color: #e5e7eb; /* bg-gray-200 */
    font-weight: 600;
}


/* Dark mode for custom dropdown */
.dark #custom-category-select {
    background-color: #1a202c;
    border-color: #4a5568;
    color: #cbd5e0;
}

.dark #custom-category-options {
    background-color: #2d3748;
    border-color: #4a5568;
}

.dark .custom-option {
    color: #cbd5e0;
}

.dark .custom-option:hover {
    background-color: #4a5568;
}

.dark .custom-option.selected {
    background-color: #1a202c;
}

/* Dark mode for checkout page inputs */
.dark #checkout-container input,
.dark #checkout-container textarea,
.dark #checkout-container select {
    background-color: #374151; /* gray-700 */
    border-color: #4b5563; /* gray-600 */
}