/* =============================================
   ProVerktakar - Custom CSS
   ============================================= */

/* Fix: .text-color-light is not defined as a CSS class in this theme build.
   theme.js normally generates it dynamically, but here it's absent.
   Define it globally + force white in bg-primary sections. */

.text-color-light {
    color: #ffffff !important;
}

.text-color-light.opacity-10 {
    color: rgba(255, 255, 255, 1) !important;
}

.text-color-light.opacity-7 {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Ensure icons in bg-primary are visible */
.bg-primary .icons.text-color-light,
.bg-primary i.text-color-light {
    color: rgba(255, 255, 255, 0.9) !important;
}