/* ===== CORRECCIONES DE LEGIBILIDAD - SISTEMA DE RIFAS ===== */

/* Mejoras para elementos con fondos grises claros */
.card-header,
.modal-header,
.table thead th,
.nav-tabs .nav-link.active {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en fondos claros */
.bg-light,
.bg-light-dark,
.bg-gray-50,
.bg-gray-100 {
    color: #1f2937 !important; /* Asegurar que el texto sea oscuro en fondos claros */
}

/* Mejoras para placeholders de formularios */
.form-control::placeholder,
.form-select::placeholder {
    color: #6b7280 !important; /* Color más oscuro para mejor legibilidad */
    font-weight: 500;
}

/* Mejoras para texto secundario */
.text-muted,
.text-secondary {
    color: #4b5563 !important; /* Color más oscuro para mejor contraste */
}

/* Mejoras para enlaces en fondos claros */
.bg-light a,
.bg-light-dark a,
.bg-gray-50 a,
.bg-gray-100 a {
    color: #2563eb !important; /* Color azul más oscuro para mejor contraste */
    font-weight: 600;
}

/* Mejoras para botones con texto gris */
.btn-outline-secondary {
    color: #374151 !important; /* Color más oscuro para mejor contraste */
    border-color: #6b7280;
}

.btn-outline-secondary:hover {
    color: #1f2937 !important;
    background-color: #f3f4f6;
}

/* Mejoras para badges con texto gris */
.badge-secondary {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    background-color: #e5e7eb;
}

/* Mejoras para alertas con texto gris */
.alert-secondary {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    background-color: #f3f4f6;
    border-color: #d1d5db;
}

/* Mejoras para tooltips */
.tooltip-inner {
    color: #ffffff !important;
    background-color: #1f2937 !important;
}

/* Mejoras para popovers */
.popover-header {
    color: #1f2937 !important;
    background-color: #f3f4f6;
}

.popover-body {
    color: #374151 !important;
}

/* Mejoras para dropdowns */
.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #d1d5db;
}

.dropdown-item {
    color: #374151 !important;
}

.dropdown-item:hover {
    background-color: #f3f4f6;
    color: #1f2937 !important;
}

/* Mejoras para paginación */
.page-link {
    color: #374151 !important;
    border-color: #d1d5db;
}

.page-link:hover {
    color: #1f2937 !important;
    background-color: #f3f4f6;
}

.page-item.active .page-link {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff !important;
}

/* Mejoras para breadcrumbs */
.breadcrumb-item + .breadcrumb-item::before {
    color: #6b7280 !important;
}

.breadcrumb-item.active {
    color: #1f2937 !important;
}

/* Mejoras para listas de grupos */
.list-group-item {
    color: #374151 !important;
    border-color: #e5e7eb;
}

.list-group-item-action:hover {
    background-color: #f3f4f6;
    color: #1f2937 !important;
}

/* Mejoras para inputs deshabilitados */
.form-control:disabled,
.form-select:disabled {
    background-color: #f3f4f6;
    color: #6b7280 !important;
}

/* Mejoras para texto en modales */
.modal-body {
    color: #374151 !important;
}

/* Mejoras para texto en tabs */
.tab-content {
    color: #374151 !important;
}

/* Mejoras para texto en accordions */
.accordion-button {
    color: #1f2937 !important;
    background-color: #f8fafc;
}

.accordion-button:not(.collapsed) {
    color: #1f2937 !important;
    background-color: #e5e7eb;
}

.accordion-body {
    color: #374151 !important;
}

/* ===== MEJORAS ESPECÍFICAS PARA LA PÁGINA DE COMPRA ===== */

/* Mejoras para texto en fondos oscuros */
.card,
.modal-content,
.form-control,
.form-select,
textarea {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important;
}

/* Mejoras para placeholders específicos */
.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder {
    color: #4b5563 !important; /* Color más oscuro para mejor legibilidad */
    font-weight: 500 !important;
}

/* Mejoras para texto en secciones de información */
.info-section h6,
.info-section p,
.info-section li {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en descripciones */
.description-text,
.info-text {
    color: #374151 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en etiquetas de formulario */
label,
.form-label {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en botones de archivo */
input[type="file"] {
    color: #1f2937 !important;
    background-color: #f8fafc !important;
    border: 1px solid #d1d5db !important;
}

/* Mejoras para texto en áreas de texto */
textarea {
    color: #1f2937 !important;
    background-color: #ffffff !important;
}

/* Mejoras para texto en información importante */
.important-info h6,
.important-info p,
.important-info li {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en resúmenes */
.summary-text,
.resume-text {
    color: #374151 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en métodos de pago */
.payment-method-text,
.payment-info {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en información del cliente */
.client-info-text,
.customer-info {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en comprobantes */
.proof-text,
.reference-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en observaciones */
.observations-text,
.additional-info {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en asignación automática */
.auto-assignment-text,
.random-assignment {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en resumen de compra */
.purchase-summary-text,
.order-summary {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en totales */
.total-text,
.price-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en estados */
.status-text,
.state-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en fechas */
.date-text,
.time-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en números */
.number-text,
.quantity-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en precios */
.price-text,
.cost-text {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 600 !important;
}

/* Mejoras para texto en descripciones de rifas */
.raffle-description,
.raffle-details {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en información de empresa */
.company-info,
.business-info {
    color: #1f2937 !important; /* Color más oscuro para mejor contraste */
    font-weight: 500 !important;
}

/* Mejoras para texto en navegación */
.nav-text,
.menu-text {
    color: #ffffff !important; /* Mantener blanco para navegación */
    font-weight: 500 !important;
}

/* Mejoras para texto en footer */
.footer-text {
    color: #ffffff !important; /* Mantener blanco para footer */
    font-weight: 500 !important;
}

/* Mejoras para texto en botones principales */
.btn-primary,
.btn-success,
.btn-info {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Mejoras para texto en botones secundarios */
.btn-secondary,
.btn-outline-secondary {
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Mejoras para texto en enlaces */
a {
    color: #2563eb !important;
    font-weight: 500 !important;
}

a:hover {
    color: #1d4ed8 !important;
    font-weight: 600 !important;
}

/* Mejoras para texto en títulos */
h1, h2, h3, h4, h5, h6 {
    color: #1f2937 !important;
    font-weight: 700 !important;
}

/* Mejoras para texto en párrafos */
p {
    color: #374151 !important;
    font-weight: 500 !important;
}

/* Mejoras para texto en listas */
ul, ol {
    color: #374151 !important;
    font-weight: 500 !important;
}

li {
    color: #374151 !important;
    font-weight: 500 !important;
}

/* Mejoras para texto en tablas */
.table th {
    color: #1f2937 !important;
    font-weight: 700 !important;
}

.table td {
    color: #374151 !important;
    font-weight: 500 !important;
}

/* Mejoras para texto en formularios */
.form-text,
.help-text {
    color: #4b5563 !important;
    font-weight: 500 !important;
}

/* Mejoras para texto en validaciones */
.invalid-feedback,
.valid-feedback {
    color: #dc2626 !important;
    font-weight: 500 !important;
}

.valid-feedback {
    color: #059669 !important;
}

/* Mejoras para texto en alertas */
.alert {
    color: #1f2937 !important;
    font-weight: 500 !important;
}

.alert-info {
    color: #1e40af !important;
    font-weight: 500 !important;
}

.alert-success {
    color: #047857 !important;
    font-weight: 500 !important;
}

.alert-warning {
    color: #d97706 !important;
    font-weight: 500 !important;
}

.alert-danger {
    color: #dc2626 !important;
    font-weight: 500 !important;
}