/* Fix for X (Twitter) Icon - Custom Styles */

/* Force display X character for Twitter/X icon */
.fa-x-twitter::before {
    content: "𝕏" !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1em !important;
    font-style: normal !important;
}

/* For brands variant */
.fab.fa-x-twitter::before {
    content: "𝕏" !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 700 !important;
}

/* Ensure proper sizing and centering for X icon */
a[title="X"] i.fa-x-twitter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-style: normal;
}

/* Alternative: Simple X letter */
.social-link[title="X"] i::after,
a[title="X"] i::after {
    content: "";
    position: absolute;
    display: none;
}

/* Ensure icon displays correctly in all contexts */
.social-links a[title="X"] i,
.social-links-contact a[title="X"] i {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
