/* Emoji and Flag Support Fix */

/* Ensure emojis render properly across all browsers */
body, * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
                 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
}

/* Force emoji rendering for flag characters */
.section-subtitle,
.faq-question span,
.footer-small,
.compliance-badge,
.hash-value,
.hash-line,
.mining-viz,
[style*="font-family"] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji',
                 'Twemoji Mozilla', 'Segoe UI Symbol', sans-serif !important;
}

/* Ensure flags display properly in all contexts */
.hash-line span,
.hash-line .hash-value,
p strong,
h3,
li {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif !important;
}

/* Specific fix for Windows systems */
@supports (-ms-ime-align: auto) {
    .section-subtitle,
    .faq-question span,
    .footer-small,
    .compliance-badge,
    .hash-line,
    .hash-value {
        font-family: 'Segoe UI Emoji', 'Segoe UI', Arial, sans-serif !important;
    }
}

/* Ensure FAQ functionality */
.faq-item {
    cursor: pointer;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 24px;
}

.faq-item.active .faq-answer {
    max-height: 2000px;
    padding: 24px;
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}