/* 
  Final Safari Fix - แก้ปัญหาเบอร์ซีดบน Safari มือถือขั้นสุดท้าย
  Ultimate fix for faded numbers on Safari mobile
*/

/* Remove all gradient effects from number and price displays */
.number-display-enhanced,
.price-display-enhanced,
.phone-number,
.price {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Force solid colors */
.number-display-enhanced,
.phone-number {
    color: #1B2951 !important;
    font-weight: 900 !important;
}

.price-display-enhanced,
.price {
    color: #B8860B !important;
    font-weight: 900 !important;
}

/* Safari-specific overrides */
@supports (-webkit-appearance: none) {
    .number-display-enhanced,
    .phone-number {
        color: #1B2951 !important;
        -webkit-text-fill-color: #1B2951 !important;
    }
    
    .price-display-enhanced,
    .price {
        color: #B8860B !important;
        -webkit-text-fill-color: #B8860B !important;
    }
}

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

/* Override any text-gradient 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 high contrast on all devices */
@media (max-width: 768px) {
    .number-display-enhanced,
    .phone-number {
        color: #1B2951 !important;
        font-weight: 900 !important;
        text-shadow: 0 1px 2px rgba(27, 41, 81, 0.1) !important;
    }
    
    .price-display-enhanced,
    .price {
        color: #B8860B !important;
        font-weight: 900 !important;
        text-shadow: 0 1px 2px rgba(184, 134, 11, 0.2) !important;
    }
}

/* Force override with highest specificity */
html body .number-display-enhanced,
html body .phone-number {
    color: #1B2951 !important;
    -webkit-text-fill-color: #1B2951 !important;
    background: none !important;
    font-weight: 900 !important;
}

html body .price-display-enhanced,
html body .price {
    color: #B8860B !important;
    -webkit-text-fill-color: #B8860B !important;
    background: none !important;
    font-weight: 900 !important;
}