/* Molntjänster index - dark mode fixes */

/* ========================================
   DARK MODE
   ======================================== */
html[data-theme="dark"] .benefits-section { background: #0f0f0f; }
html[data-theme="dark"] .benefit-item { background: #1a1a1a; border-color: #2d2d2d; }
html[data-theme="dark"] .benefit-item h3 { color: #f0f0f0; }
html[data-theme="dark"] .benefit-item p { color: #adadad; }

html[data-theme="dark"] .services { background: #0a0a0a; }
html[data-theme="dark"] .service-card { background: #1a1a1a !important; border-color: #2d2d2d !important; }
html[data-theme="dark"] .service-title { color: #f0f0f0; }
html[data-theme="dark"] .service-description { color: #adadad; }
/* Service features - simple dots */
.service-features { list-style: none; padding: 0; margin: 16px 0; }
.service-features li {
    padding: 4px 0 4px 16px; position: relative;
    font-size: 0.9rem; line-height: 1.5;
}
.service-features li::before {
    content: ''; position: absolute; left: 0; top: 11px;
    width: 6px; height: 6px; border-radius: 50%; background: currentColor;
}
html[data-theme="dark"] .service-features li { color: #cdcdcd; }
html[data-theme="dark"] .service-link { color: #60a5fa; }

html[data-theme="dark"] .service-context-links { background: #0f0f0f; }
html[data-theme="dark"] .service-context-links a { color: #60a5fa; }
html[data-theme="dark"] .service-context-links p { color: #adadad; }

/* LIGHT MODE */
html[data-theme="light"] .benefits-section { background: #f5f8fc; }
html[data-theme="light"] .services { background: #fff; }
html[data-theme="light"] .service-context-links { background: #f5f8fc; }