/* ===== MEJORAS DE VISIBILIDAD DE TEXTO ===== */
/* Aplicar a todas las páginas para mejorar la legibilidad */

/* Forzar visibilidad en elementos de texto comúnmente problemáticos */
.text-muted,
.text-secondary,
.text-light,
.small,
.card-text,
.product-description,
.price-text,
.description-text,
.form-text,
.help-text,
.alert-text,
.badge-text,
.navbar-text,
.footer-text {
    color: var(--text-color) !important;
    opacity: 1 !important;
}

/* Mejorar contraste en elementos específicos */
.text-muted {
    color: #cbd5e1 !important; /* Gris más claro */
}

.text-secondary {
    color: #e2e8f0 !important; /* Gris aún más claro */
}

/* Mejorar visibilidad en formularios */
.form-label,
label,
.form-text,
.help-text {
    color: var(--text-color) !important;
    font-weight: 500;
}

/* Mejorar visibilidad en tarjetas */
.card-title,
.card-subtitle,
.card-text,
.card-body p,
.card-body span,
.card-body div {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en botones */
.btn-text,
.button-text {
    color: inherit !important;
}

/* Mejorar visibilidad en navegación */
.nav-link,
.navbar-brand,
.navbar-text {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en alertas */
.alert-text,
.alert p,
.alert span,
.alert div {
    color: inherit !important;
}

/* Mejorar visibilidad en tablas */
.table td,
.table th,
.table-text {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en listas */
.list-group-item,
.list-item-text {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en modales */
.modal-title,
.modal-body p,
.modal-body span,
.modal-body div,
.modal-text {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en dropdowns */
.dropdown-item,
.dropdown-text {
    color: var(--text-color) !important;
}

.dropdown-item:hover {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en badges */
.badge,
.badge-text {
    color: white !important;
}

/* Mejorar visibilidad en elementos específicos de productos */
.product-name,
.product-price,
.product-description,
.product-duration,
.product-category {
    color: var(--text-color) !important;
}

/* Mejorar visibilidad en elementos de precio */
.price,
.price-text,
.price-amount,
.cost,
.cost-text {
    color: var(--primary-color) !important;
    font-weight: 600;
}

/* Mejorar visibilidad en elementos de descripción */
.description,
.description-text,
.product-info,
.product-details {
    color: var(--text-secondary) !important;
    line-height: 1.5;
}

/* Mejorar visibilidad en elementos de duración */
.duration,
.duration-text,
.time-period {
    color: var(--accent-color) !important;
    font-weight: 500;
}

/* Mejorar visibilidad en elementos de categoría */
.category,
.category-text,
.product-category {
    color: var(--secondary-color) !important;
    font-weight: 500;
}

/* Override específicos para elementos que pueden resistir */
*[class*="text-muted"],
*[class*="text-secondary"],
*[class*="text-light"] {
    color: var(--text-color) !important;
}

/* Asegurar que todos los elementos de texto sean visibles */
body * {
    color: inherit;
}

/* Excepciones para elementos que deben mantener su color específico */
.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info {
    color: white !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-success {
    color: var(--success-color) !important;
}

.text-danger {
    color: var(--danger-color) !important;
}

.text-warning {
    color: var(--warning-color) !important;
}

.text-info {
    color: var(--info-color) !important;
}

/* Mejorar contraste en elementos con fondo oscuro */
.bg-dark,
.bg-black,
.card-dark {
    color: var(--text-color) !important;
}

.bg-dark *,
.bg-black *,
.card-dark * {
    color: var(--text-color) !important;
}