/* 
  Safari Text Override - โหลดหลังสุดเพื่อแก้ปัญหาเบอร์ซีด
  Final override to fix faded text on Safari mobile
*/

/* Ultimate Safari fix - highest specificity */
html body .number-display-enhanced,
html body .phone-number,
html body .recommended-numbers-grid .number-display-enhanced,
html body .number-card-glass .number-display-enhanced,
html body section .number-display-enhanced {
    color: #1B2951 !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #1B2951 !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    font-weight: 900 !important;
}

html body .price-display-enhanced,
html body .price,
html body .recommended-numbers-grid .price-display-enhanced,
html body .number-card-glass .price-display-enhanced,
html body section .price-display-enhanced {
    color: #B8860B !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #B8860B !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    font-weight: 900 !important;
}

/* Safari mobile specific */
@media screen and (max-width: 768px) {
    @supports (-webkit-touch-callout: none) {
        html body .number-display-enhanced,
        html body .phone-number {
            color: #1B2951 !important;
            -webkit-text-fill-color: #1B2951 !important;
            background: transparent !important;
            -webkit-background-clip: initial !important;
            background-clip: initial !important;
            font-weight: 900 !important;
            text-rendering: optimizeLegibility !important;
            -webkit-font-smoothing: antialiased !important;
        }
        
        html body .price-display-enhanced,
        html body .price {
            color: #B8860B !important;
            -webkit-text-fill-color: #B8860B !important;
            background: transparent !important;
            -webkit-background-clip: initial !important;
            background-clip: initial !important;
            font-weight: 900 !important;
            text-rendering: optimizeLegibility !important;
            -webkit-font-smoothing: antialiased !important;
        }
    }
}

/* Force override any gradient text classes */
.text-gradient.number-display-enhanced,
.text-gradient.price-display-enhanced,
.text-gradient.phone-number,
.text-gradient.price {
    color: #1B2951 !important;
    background: none !important;
    -webkit-text-fill-color: #1B2951 !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}

/* Ensure VIP numbers are also visible */
.number-card-glass:has(.badge.bg-warning) .number-display-enhanced,
.recommended-numbers-grid .number-card-glass:has(.badge.bg-warning) .number-display-enhanced {
    color: #1B2951 !important;
    -webkit-text-fill-color: #1B2951 !important;
    background: none !important;
    font-weight: 900 !important;
}

.number-card-glass:has(.badge.bg-warning) .price-display-enhanced,
.recommended-numbers-grid .number-card-glass:has(.badge.bg-warning) .price-display-enhanced {
    color: #B8860B !important;
    -webkit-text-fill-color: #B8860B !important;
    background: none !important;
    font-weight: 900 !important;
}