/* Phone Protection Styles */
.phone-protected {
    position: relative;
    display: inline-block;
}

.phone-placeholder {
    color: #ff6600;
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.phone-placeholder:hover {
    color: #ff8833;
}

.phone-revealed {
    color: white !important;
    text-decoration: none;
    font-weight: 500;
}

.phone-revealed:hover {
    color: #ffcc99 !important;
    text-decoration: underline;
}

/* Additional obfuscation for bots */
.phone-protected::before {
    content: attr(data-phone);
    display: none;
}

/* RTL fallback for noscript */
.phone-protected noscript {
    unicode-bidi: bidi-override;
    direction: rtl;
}
