/* Windows-Specific Emoji Support */
/* This file handles emoji rendering specifically for Windows 10/11 */

@supports (font-family: 'Segoe UI Emoji') {
    /* Windows 10+ native support */
    :root {
        --windows-emoji-font: 'Segoe UI Emoji';
    }
}

/* Force emoji rendering on Windows */
html {
    font-feature-settings: "zero" 1; /* Make sure zero is rendered correctly */
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure all text elements support emojis on Windows */
* {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Button specific emoji support */
button, 
.btn, 
.btn-icon, 
.status-badge, 
.badge,
.payment-icon,
.modifier-indicator,
.empty-icon,
.receipt-logo,
.refund-warning,
[class*="btn-"] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4em;
}

/* Emoji-specific sizing and alignment */
.btn-icon,
.status-badge,
.payment-btn,
.action-btn {
    font-size: clamp(12px, 3vw, 14px);
    line-height: 1.5;
    letter-spacing: 0;
}

/* Ensure emoji doesn't get clipped */
button::before,
.btn::before,
[class*="icon"]::before {
    font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Apple Color Emoji';
    display: inline-block;
}

/* Text nodes containing emojis */
span, div, p, label, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

/* Modal and dialog emoji support */
.modal-header,
.modal-body,
.modal-footer,
.refund-warning,
.alert,
.receipt-header {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* Payment method icons */
.payment-icon {
    font-size: 32px;
    line-height: 1;
    font-family: 'Segoe UI Emoji', sans-serif;
}

/* Order status badges and icons */
.detail-label,
.detail-row,
.order-details,
.receipt-info-row {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* Prevent emoji scaling issues */
svg + text,
[role="img"] {
    font-family: 'Segoe UI Emoji', sans-serif;
}

/* Windows high DPI scaling support */
@media (min-device-pixel-ratio: 1.5) {
    button, .btn, .btn-icon {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }
}

/* Fallback for Edge/IE compatibility */
@supports (-ms-ime-align:auto) {
    body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    }
}

/* Fix for Chrome on Windows */
@supports (-webkit-appearance:none) {
    button, .btn, .btn-icon {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
    }
}