/**
 * Tel/Fax Number Display Fixes
 * 
 * This file contains CSS overrides to ensure consistent width for all digits
 * in telephone and fax numbers displayed in the footer.
 */

/* Version 4: Using extremely specific selectors to ensure our styles are applied */

/* Telephone number styles with maximum specificity */
html body footer .footer-tel .tel-number,
body .site-footer .footer-tel .tel-number,
.site-footer .footer-container .footer-tel .tel-number,
body > footer .footer-container .footer-tel .tel-number,
.site-footer .footer-tel .tel-number,
#colophon .footer-tel .tel-number,
footer .footer-tel .tel-number,
body .footer .footer-tel .tel-number,
#footer .footer-tel .tel-number {
    /* Force monospace font for equal character widths */
    font-family: 'Courier New', Courier, monospace !important;
    /* Reset letter spacing */
    letter-spacing: 0 !important;
    /* Make sure numbers are clearly visible */
    font-weight: 700 !important;
    /* Force tabular numbers for consistent digit width */
    font-variant-numeric: tabular-nums !important;
    -webkit-font-feature-settings: "tnum" !important;
    font-feature-settings: "tnum" !important;
    /* Add slight spacing between characters for readability */
    word-spacing: 2px !important;
    /* Additional rendering properties */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    /* Try to maintain vertical alignment */
    display: inline-block !important;
}

/* Fax number styles with maximum specificity */
html body footer .footer-fax .fax-number,
body .site-footer .footer-fax .fax-number,
.site-footer .footer-container .footer-fax .fax-number,
body > footer .footer-container .footer-fax .fax-number,
.site-footer .footer-fax .fax-number,
#colophon .footer-fax .fax-number,
footer .footer-fax .fax-number,
body .footer .footer-fax .fax-number,
#footer .footer-fax .fax-number {
    /* Force monospace font for equal character widths */
    font-family: 'Courier New', Courier, monospace !important;
    /* Reset letter spacing */
    letter-spacing: 0 !important;
    /* Make sure numbers are clearly visible */
    font-weight: 700 !important;
    /* Force tabular numbers for consistent digit width */
    font-variant-numeric: tabular-nums !important;
    -webkit-font-feature-settings: "tnum" !important;
    font-feature-settings: "tnum" !important;
    /* Add slight spacing between characters for readability */
    word-spacing: 2px !important;
    /* Additional rendering properties */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    /* Try to maintain vertical alignment */
    display: inline-block !important;
}

/* Fallback for both as a last resort */
.tel-number,
.fax-number {
    font-family: 'Courier New', Courier, monospace !important;
    letter-spacing: 0 !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
    -webkit-font-feature-settings: "tnum" !important;
    font-feature-settings: "tnum" !important;
    word-spacing: 2px !important;
    display: inline-block !important;
}