/* Holiday Themes and Message */
#holiday-message {
    color: white;
    font-size: 1.1rem;
    padding: 8px 16px;
    border-radius: 9999px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}
.dark #holiday-message {
    color: white;
}
.christmas-theme #holiday-message {
    background-color: rgba(220, 38, 38, 0.7);
}
.halloween-theme #holiday-message {
    background-color: rgba(124, 45, 18, 0.7);
}
.valentine-theme #holiday-message {
    background-color: rgba(190, 18, 60, 0.7);
}
.easter-theme #holiday-message {
    background-color: rgba(147, 51, 234, 0.7);
}
.summer-theme #holiday-message {
    background-color: rgba(234, 88, 12, 0.7);
}
.dark.christmas-theme #holiday-message {
    background-color: rgba(248, 113, 113, 0.7);
}
.dark.halloween-theme #holiday-message {
    background-color: rgba(253, 186, 116, 0.7);
}
.dark.valentine-theme #holiday-message {
    background-color: rgba(249, 168, 212, 0.7);
}
.dark.easter-theme #holiday-message {
    background-color: rgba(192, 132, 252, 0.7);
}
.dark.summer-theme #holiday-message {
    background-color: rgba(251, 146, 60, 0.7);
}
.christmas-theme {
    background: linear-gradient(135deg, #fee2e2 0%, #dcfce7 100%) !important;
}
.dark.christmas-theme {
    background: linear-gradient(135deg, #450a0a 0%, #052e16 100%) !important;
}
.halloween-theme {
    background: linear-gradient(135deg, #ffedd5 0%, #e9d5ff 100%) !important;
}
.dark.halloween-theme {
    background: linear-gradient(135deg, #431407 0%, #1e1b4b 100%) !important;
}
.valentine-theme {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%) !important;
}
.dark.valentine-theme {
    background: linear-gradient(135deg, #500724 0%, #831843 100%) !important;
}
.easter-theme {
    background: linear-gradient(135deg, #f3e8ff 0%, #fae8ff 100%) !important;
}
.dark.easter-theme {
    background: linear-gradient(135deg, #3b0764 0%, #831843 100%) !important;
}
.summer-theme {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
}
.dark.summer-theme {
    background: linear-gradient(135deg, #78350f 0%, #7c2d12 100%) !important;
}
.dark body {
    background: linear-gradient(135deg, #1e293b 0%, #313130 100%) !important;
}
.dark .bg-blue-600 {
    background-color: #005a8f !important;
}
.dark .bg-white {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
.dark .border-gray-300 {
    border-color: #334155 !important;
}
.dark .text-gray-800 {
    color: #f8fafc !important;
}
.dark .text-gray-600 {
    color: #cbd5e1 !important;
}
.dark .bg-blue-600 {
    background-color: #005a8f !important;
}
.dark .bg-gray-800 {
    background-color: #313130 !important;
}
.bg-blue-600 {
    background-color: #005a8f !important;
}

.dark .text-blue-100 {
    color: #bfdbfe !important;
}
.dark #language-menu {
    background-color: #1e293b !important;
    border: 1px solid #334155;
}
/* Schedule Preview Styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
}
input:checked + .slider {
    background-color: #2563eb;
}
input:checked + .slider:before {
    transform: translateX(20px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.card-hover {
    transition: all 0.3s ease;
}
/* Holiday Themes and Message */
#holiday-message {
    color: white;
    font-size: 1.1rem;
    padding: 8px 16px;
    border-radius: 9999px;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
}
.dark #holiday-message {
    color: white;
}
.christmas-theme #holiday-message {
    background-color: rgba(220, 38, 38, 0.7);
}
.halloween-theme #holiday-message {
    background-color: rgba(124, 45, 18, 0.7);
}
.valentine-theme #holiday-message {
    background-color: rgba(190, 18, 60, 0.7);
}
.easter-theme #holiday-message {
    background-color: rgba(147, 51, 234, 0.7);
}
.summer-theme #holiday-message {
    background-color: rgba(234, 88, 12, 0.7);
}
.dark.christmas-theme #holiday-message {
    background-color: rgba(248, 113, 113, 0.7);
}
.dark.halloween-theme #holiday-message {
    background-color: rgba(253, 186, 116, 0.7);
}
.dark.valentine-theme #holiday-message {
    background-color: rgba(249, 168, 212, 0.7);
}
.dark.easter-theme #holiday-message {
    background-color: rgba(192, 132, 252, 0.7);
}
.dark.summer-theme #holiday-message {
    background-color: rgba(251, 146, 60, 0.7);
}
.christmas-theme {
    background: linear-gradient(135deg, #fee2e2 0%, #dcfce7 100%) !important;
}
.dark.christmas-theme {
    background: linear-gradient(135deg, #450a0a 0%, #052e16 100%) !important;
}
.halloween-theme {
    background: linear-gradient(135deg, #ffedd5 0%, #e9d5ff 100%) !important;
}
.dark.halloween-theme {
    background: linear-gradient(135deg, #431407 0%, #1e1b4b 100%) !important;
}
.valentine-theme {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%) !important;
}
.dark.valentine-theme {
    background: linear-gradient(135deg, #500724 0%, #831843 100%) !important;
}
.easter-theme {
    background: linear-gradient(135deg, #f3e8ff 0%, #fae8ff 100%) !important;
}
.dark.easter-theme {
    background: linear-gradient(135deg, #3b0764 0%, #831843 100%) !important;
}
.summer-theme {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
}
.dark.summer-theme {
    background: linear-gradient(135deg, #78350f 0%, #7c2d12 100%) !important;
}
.dark body {
    background: linear-gradient(135deg, #1e293b 0%, #313130 100%) !important;
}
.dark .bg-blue-600 {
    background-color: #005a8f !important;
}
.dark .bg-white {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
.dark .border-gray-300 {
    border-color: #334155 !important;
}
.dark .text-gray-800 {
    color: #f8fafc !important;
}
.dark .text-gray-600 {
    color: #cbd5e1 !important;
}
.dark .bg-blue-600 {
    background-color: #005a8f !important;
}
.dark .bg-gray-800 {
    background-color: #313130 !important;
}
.dark .text-blue-100 {
    color: #bfdbfe !important;
}
.dark #language-menu {
    background-color: #1e293b !important;
    border: 1px solid #334155;
}


/* Basis: maak alles ~12.5% compacter (Tailwind gebruikt rem voor spacing/typografie) */
html.compact { font-size: 14px; } /* default ~16px */

/* Header & secties wat strakker */
html.compact header .py-6 { padding-top: .75rem !important; padding-bottom: .75rem !important; }
html.compact main .py-8   { padding-top: 1rem !important;  padding-bottom: 1rem !important; }

/* Kaarten/containers iets minder padding & gap */
html.compact .p-6  { padding: 1rem !important; }
html.compact .gap-8 { gap: 1rem !important; }

/* Sidebar rooster compacter */
html.compact aside .p-6 { padding: 1rem !important; }
html.compact #current-block, 
html.compact #next-block { padding: .75rem !important; }

/* Iets lagere min-hoogte van je hoofdsectie */
html.compact .min-h-\[70vh\] { min-height: 58vh !important; }

/* Kleinere logo-hoogte als je 'h-12' gebruikt */
html.compact img.h-12 { height: 2.25rem !important; }

/* Optioneel: iets kleinere titels */
html.compact h2.text-2xl, 
html.compact h3.text-xl { font-size: .95em; }