/* light.css - Styles for Light Mode */

:root {
    --bg-color: #F3F4F6;
}

body {
    background-color: #F3F4F6; color: #1F2937;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 10px; border: 2px solid transparent; background-clip: content-box;
}
header { background-color: #FFFFFF; }
header h1 { color: var(--theme-primary-600); }
header #themeToggleBtn:hover, header #accountBtn:hover { background-color: #E5E7EB; }
header #themeToggleBtn ion-icon, header #accountBtn ion-icon { color: #374151; }
header #accountBtn.logged-in ion-icon { color: var(--theme-primary-600); }

#filtersContainer { background-color: #F3F4F6; }
#filtersContainer input, #filtersContainer select {
    background-color: #FFFFFF; border-color: #D1D5DB; color: #1F2937;
}
#filtersContainer label, .form-label { color: #374151; }
#filtersContainer .form-checkbox, .daily-filter-bar .form-checkbox { color: var(--theme-primary-600); border-color: #D1D5DB; }
#dayFiltersContainer { background-color: #F3F4F6; }
#dayFiltersContainer input, #filtersContainer select {
    background-color: #FFFFFF; border-color: #D1D5DB; color: #1F2937;
}
#dayFiltersContainer label, .form-label { color: #374151; }
#dayFiltersContainer .form-checkbox, .daily-filter-bar .form-checkbox { color: var(--theme-primary-600); border-color: #D1D5DB; }

#mapControlsContainer { background-color: #F3F4F6; }
#mapControlsContainer input { background-color: #FFFFFF; border-color: #D1D5DB; color: #1F2937; }


nav { background-color: #FFFFFF; border-top-color: #E5E7EB; }
.nav-button { color: #4B5563; }
.nav-button:hover { background-color: #F9FAFB; }
.nav-button.active { color: var(--theme-primary-600); }

.event-card { background-color: #FFFFFF; }
.event-card .event-title { color: var(--theme-primary-700); }
.event-card .event-meta { color: #4B5563; }
.event-card .participant-list-container { border-top-color: #E5E7EB; }
.event-card .participant-list-header { color: #374151; }
.event-card .participant-list-item { color: #4B5563; }

.modal-content { background-color: #FFFFFF; }
.modal-content #modalTitle { color: var(--theme-primary-600); }
.modal-content #closeModalBtn:hover { background-color: #E5E7EB; }
.modal-content #closeModalBtn ion-icon { color: #374151; }
.modal-content #modalBody { color: #374151; }
.modal-content .border-t { border-top-color: #E5E7EB; }
.modal-content h3 { color: #1F2937; }
.modal-content #participantNameInput { background-color: #FFFFFF; border-color: #D1D5DB; color: #111827; }
.modal-content .modal-participant-list-empty { color: #6B7280; }
.modal-content .modal-participant-name { color: #374151; }

.info-modal-container .info-modal-title { color: var(--theme-primary-600); }
.info-modal-container .info-modal-close-btn:hover { background-color: #E5E7EB; }
.info-modal-container .info-modal-close-btn ion-icon { color: #374151; }
.info-modal-container .info-modal-body { color: #374151; }
.info-modal-container .info-tabs-container { border-bottom-color: #E5E7EB; }
.info-modal-container .info-tab { color: #6B7280; border-color: transparent; }
.info-modal-container .info-tab:hover { color: #374151; border-color: #D1D5DB; }
.info-modal-container .info-tab.active { color: var(--theme-primary-600); border-color: var(--theme-primary-600); }
.info-modal-container .info-tab-content h3 { color: #1F2937; }
.info-modal-container .info-tab-content p { color: #374151; }
.info-modal-container .info-tab-content strong { color: #111827; }
.info-modal-container .notification-toggle-label { color: #374151; }
.info-modal-container .notification-toggle-button:not(.notification-toggle-bg-active) { background-color: #D1D5DB; }
.info-modal-container .notification-toggle-button.notification-toggle-bg-active { background-color: var(--theme-primary-600); }
.info-modal-container .notification-toggle-switch { background-color: #FFFFFF; }
.info-modal-container .notification-status-message { color: #6B7280; }
.info-modal-container .important-note { background-color: #EFF6FF; border-left-color: #3B82F6; color: #374151; padding: 0.75rem; border-left-width: 4px; border-radius: 0.25rem; margin-top: 0.5rem; }
.info-modal-container .important-note strong { color: #1E40AF; }

.daily-filter-bar { background-color: #FFFFFF; }
.day-header { color: var(--theme-primary-600); border-bottom-color: var(--theme-primary-500); }
.message-no-events, .message-loading { color: #6B7280; }
.signed-up-indicator { background-color: #10B981; }

.event-popup {
    background-color: #fefce8; /* Tailwind yellow-50 */
    border: 1px solid #facc15; /* Tailwind yellow-400 */
}
.event-tag-popup {
    background-color: #facc15; /* Tailwind yellow-400 */
    color: #422006; /* Tailwind yellow-900 */
}

/* Giver plads til POP-UP mærkatet */
.event-card.event-popup .event-title {
	    padding-top: 1.25rem; 
}

/* Tailwind utility classes for event tags */
.event-tag-signup { background-color: #DBEAFE; color: #1D4ED8; }
.event-tag-price { background-color: #FEF3C7; color: #B45309; }

.important-message-bar {
    background-color: var(--theme-primary-100);
    color: var(--theme-primary-700);
    font-weight: 500;
}
.important-message-bar button {
    color: var(--theme-primary-600);
}
.update-banner {
    background-color: #1e3a8a; /* En mørk blå */
    color: white;
    font-weight: 500;
}
.update-banner button {
    background-color: white;
    color: #1e3a8a;
    font-weight: 700;
}

.quick-link-button {
    background-color: #E5E7EB; /* light gray */
    color: #1F2937;
}
.quick-link-button:hover {
    background-color: #D1D5DB; /* darker gray */
}

.info-modal-container .notification-toggle-button {
    border-color: #9CA3AF; /* gray-400 */
}