/* Custom CSS Fix for SJM - Price Text Visibility */

/* Force price text to be visible with high specificity */
.product__body .price-item .price p,
.product__body .price-item .price span,
.price-item .price p,
.price p {
    color: #223a5e !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Additional targeting for any nested elements */
.product__body .price-item .price * {
    color: #223a5e !important;
}

/* Override any inline styles that might set white color */
[style*="color: white"] .price p,
[style*="color: #fff"] .price p,
[style*="color: #ffffff"] .price p {
    color: #223a5e !important;
}

/* Specific for bid values */
.product__body .price-item:first-child .price p {
    color: #28a745 !important; /* Green for highest bid */
    font-weight: 700 !important;
}

.product__body .price-item:nth-child(2) .price p {
    color: #007bff !important; /* Blue for total bids */
    font-weight: 700 !important;
}

.product__body .price-item:last-child .price p {
    color: #dc3545 !important; /* Red for time left */
    font-weight: 700 !important;
}

/* Ultra-specific targeting to override any white text */
.product__body .price-item .price,
.product__body .price-item .price *,
.product__body .price-item .price p,
.product__body .price-item .price span,
.product__body .price-item .price div,
a .product__body .price-item .price,
a .product__body .price-item .price *,
a .product__body .price-item .price p,
a .product__body .price-item .price span {
    color: #223a5e !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-decoration: none !important;
}

/* Force override for countdown and numbers */
.countdown,
.product__body .countdown,
.product__body .price-item .price .countdown,
span[id*="countdown"],
span[class*="countdown"] {
    color: #dc3545 !important;
    font-weight: 700 !important;
}

/* Bidder list consistency fixes */
.about-seller__wrap .list-group.userData,
.about-seller__wrap .list-group.userData .list--group--item,
.about-seller__wrap .list--group--item {
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #223a5e !important;
    margin-bottom: 8px !important;
    border-radius: 6px !important;
}

.about-seller__wrap .list--group--item span {
    color: #223a5e !important;
    font-weight: 500 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Bidder price amounts in green */
.about-seller__wrap .list--group--item span:last-child {
    color: #28a745 !important;
    font-weight: 600 !important;
}

/* Bidder names in muted color */
.about-seller__wrap .list--group--item span:first-child {
    color: #495057 !important;
}

/* Additional targeting for userData list items */
.userData .list--group--item,
.userData li.list--group--item {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 6px !important;
    margin-bottom: 8px !important;
    padding: 12px 16px !important;
}

.userData .list--group--item span {
    color: #223a5e !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* New bidder list format styling */
.bidder-info {
    width: 100%;
}

.bidder-name-price {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-weight: 500;
}

.bidder-name {
    color: #495057 !important;
    margin-right: 4px;
    font-weight: 500 !important;
}

.bidder-price {
    color: #28a745 !important;
    font-weight: 600 !important;
}

.bidder-time {
    color: #6c757d !important;
    font-size: 0.875rem;
    font-style: italic;
}

/* Override flex layout for new format */
.about-seller__wrap .list--group--item {
    display: block !important;
    padding: 12px 16px !important;
}
