/* 
* Card Display Fix
* Fixes issues with blurry text and improves readability 
*/

/* Ensure card title area has proper opacity */
.yoga-card-front .card-title {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6));
    min-height: 45%;
    opacity: 1;
}

/* Fix card title text */
.yoga-card-front .card-title h3 {
    opacity: 1;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Fix card description and all text content */
.card-reading-preview p,
.card-text,
.card-body p,
.daily-card-info .card-text {
    opacity: 1 !important;
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

/* Improve daily card info text */
.daily-card-info {
    background-color: rgba(30, 30, 50, 0.95) !important;
}

/* Make macro insight text fully visible */
.macro-insight-text {
    opacity: 1 !important;
    color: white !important;
    font-weight: 400;
}

/* Ensure significance text is fully visible */
.significance-text {
    opacity: 1 !important;
    color: white !important;
    font-weight: 400;
}

/* Make all text in detailed card view fully visible */
.card-detail p,
.card-detail-text,
.card-detail .card-text {
    opacity: 1 !important;
    color: white !important;
}

/* Fix Sanskrit text visibility */
.sanskrit-name, 
.sanskrit-translation {
    opacity: 1;
    color: rgba(255, 255, 255, 0.9);
}