/* 🌙 Dark Mode โทน เขียว + ทอง */
body.dark-mode {
    background-color: #121212 !important;
    color: #ddd !important;
}

body.dark-mode header,
body.dark-mode footer,
body.dark-mode .main-content {
    background-color: #1e1e1e !important;
    color: #eee !important;
}

body.dark-mode a {
    color: #a8d5a2 !important; /* เขียวอ่อน */
}

body.dark-mode a:hover,
body.dark-mode a:focus {
    color: #c0a040 !important; /* ทอง */
}

/* Sidebar */
body.dark-mode .sidebar-v2 {
    background-color: #242424 !important;
    color: #ccc !important;
    border-color: #c0a040 !important;
}

body.dark-mode .sidebar-v2 a {
    color: #ccc !important;
}

body.dark-mode .sidebar-v2 a:hover,
body.dark-mode .sidebar-v2 a:focus {
    background-color: #2e7d32 !important;
    color: white !important;
}

/* Footer */
body.dark-mode .footer-container,
body.dark-mode .footer-bottom-bar {
    background-color: #1a1a1a !important;
    color: #bbb !important;
}

/* Cookie Components */
body.dark-mode .cookie-banner {
    background: linear-gradient(135deg, #1a202c 0%, #2e2e2e 100%) !important;
    color: #e2e8f0 !important;
    border-top-color: #2e7d32 !important;
}

body.dark-mode .cookie-text h3 {
    color: #e2e8f0 !important;
}

body.dark-mode .cookie-text p {
    color: #cbd5e0 !important;
}

body.dark-mode .cookie-modal-content {
    background: linear-gradient(135deg, #1a202c 0%, #2e2e2e 100%) !important;
    border-color: rgba(46, 125, 50, 0.4) !important;
}

body.dark-mode .cookie-modal-header {
    background: linear-gradient(135deg, #2e7d32, #c0a040) !important;
}

body.dark-mode .cookie-modal-footer {
    background: rgba(26, 32, 44, 0.8) !important;
    border-color: rgba(46, 125, 50, 0.3) !important;
}

body.dark-mode .cookie-category {
    background: #2d2d2d !important;
    border-color: rgba(192, 160, 64, 0.3) !important;
}

body.dark-mode .cookie-category h3 {
    color: #e2e8f0 !important;
}

body.dark-mode .cookie-category p {
    color: #cbd5e0 !important;
}