/**
 * ===============================================================================================
 * UNIVERSAL GLUTEN FONT ENFORCEMENT
 * ===============================================================================================
 * 
 * Forces ALL text on the site to use Gluten font family, regardless of:
 * - Existing CSS classes
 * - Inline styles
 * - JavaScript-added elements
 * - Third-party components
 * - Error messages, notifications, modals
 * - Dynamic content
 * 
 * Uses maximum CSS specificity and !important to override everything
 * ===============================================================================================
 */

/* ============================================================================
 * GLOBAL FONT FAMILY ENFORCEMENT - HIGHEST PRIORITY
 * ============================================================================ */

/* Universal selector with maximum specificity */
*,
*::before,
*::after,
html,
body {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * ALL TEXT ELEMENTS - COMPREHENSIVE COVERAGE
 * ============================================================================ */

/* Basic text elements */
h1, h2, h3, h4, h5, h6,
p, span, div, a, strong, em, i, b,
small, big, sub, sup, mark,
blockquote, cite, q, abbr, dfn,
code, pre, kbd, samp, var,
time, address {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Form elements */
input, textarea, select, option, optgroup,
button, label, fieldset, legend,
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], input[type="tel"],
input[type="url"], input[type="date"], input[type="time"] {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Interactive elements */
button, a, summary, details {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* List elements */
ul, ol, li, dl, dt, dd {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Table elements */
table, th, td, caption, thead, tbody, tfoot, tr {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * DYNAMIC AND JAVASCRIPT-ADDED ELEMENTS
 * ============================================================================ */

/* All div and span variations (common for dynamic content) */
div[class*=""], span[class*=""],
div[id*=""], span[id*=""],
.price-display, .price-value, .price-label,
.error-message, .success-message, .warning-message,
.notification, .alert, .toast,
.modal-content, .popup-content,
.dropdown-content, .tooltip {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * ERROR HANDLING AND NOTIFICATION SYSTEMS
 * ============================================================================ */

/* Error Handler elements */
.error-container, .error-content, .error-text,
.success-container, .success-content, .success-text,
.warning-container, .warning-content, .warning-text,
.info-container, .info-content, .info-text {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Swap and wallet related messages */
.swap-error, .swap-success, .swap-warning,
.wallet-error, .wallet-success, .wallet-message,
.transaction-status, .transaction-message,
.balance-display, .amount-display {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * MODAL AND POPUP CONTENT
 * ============================================================================ */

/* All modal content */
[class*="modal"] *, [id*="modal"] *,
[class*="popup"] *, [id*="popup"] *,
[class*="dialog"] *, [id*="dialog"] *,
[class*="overlay"] *, [id*="overlay"] * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Specific modal classes from the codebase */
.simple-swap-modal *, .lofi-swap-modal *,
.wallet-modal *, .connection-modal *,
.error-modal *, .success-modal * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * THIRD-PARTY AND WIDGET CONTENT
 * ============================================================================ */

/* Wallet integration elements */
[class*="wallet"] *, [id*="wallet"] *,
[class*="phantom"] *, [class*="okx"] *, [class*="slush"] *,
[data-wallet] *, [data-provider] * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Price feed and trading elements */
[class*="price"] *, [id*="price"] *,
[class*="swap"] *, [id*="swap"] *,
[class*="trade"] *, [id*="trade"] *,
[data-price] *, [data-swap] * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * WEBFLOW AND FRAMEWORK OVERRIDES
 * ============================================================================ */

/* Webflow specific classes */
.w-nav-link, .w-nav-menu, .w-button,
.text-block, .text-block-10,
.navigation-item-2, .buttontext,
.heading-6, .button, .w-inline-block {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * PSEUDO-ELEMENTS AND GENERATED CONTENT
 * ============================================================================ */

/* All pseudo-elements */
*::before, *::after {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Placeholder text */
::placeholder, ::-webkit-input-placeholder, ::-moz-placeholder {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * DYNAMIC CONTENT PATTERNS
 * ============================================================================ */

/* Common JavaScript-added content patterns */
[data-content], [data-text], [data-label],
[data-value], [data-amount], [data-balance],
[data-status], [data-message], [data-error] {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* All elements with text content - nuclear option */
*:not(script):not(style):not(meta):not(link):not(title) {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * ANIMATION AND TRANSITION STATES
 * ============================================================================ */

/* Elements during animations (they might have different font rules) */
.animating *, .transitioning *,
.loading *, .updating *,
.fade-in *, .fade-out *,
.slide-in *, .slide-out * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * ACCESSIBILITY AND SCREEN READER CONTENT
 * ============================================================================ */

/* Screen reader and accessibility content */
.sr-only, .visually-hidden,
[aria-label], [aria-labelledby], [aria-describedby],
[role="alert"], [role="status"], [role="log"] {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * CONSOLE AND DEBUG MESSAGES (if visible)
 * ============================================================================ */

/* In case any debug info is rendered */
.debug *, .console *, .log *,
[class*="debug"] *, [id*="debug"] * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * FINAL NUCLEAR OPTION - MAXIMUM SPECIFICITY
 * ============================================================================ */

/* Absolutely everything with text - most aggressive override */
html * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* Document-level enforcement */
:root {
    --font-family-override: 'Gluten', 'Impact', 'Arial Black', sans-serif;
}

/* Body with maximum specificity */
html body {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * FUTURE-PROOF PATTERNS
 * ============================================================================ */

/* Any element that might be added by frameworks or libraries */
[class], [id], [data-*] {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* React/Vue/Angular component patterns */
[class*="component"] *, [class*="widget"] *,
[class*="module"] *, [class*="element"] * {
    font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
}

/* ============================================================================
 * PRINT AND MEDIA OVERRIDES
 * ============================================================================ */

@media print {
    * {
        font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
    }
}

@media screen {
    * {
        font-family: 'Gluten', 'Impact', 'Arial Black', sans-serif !important;
    }
}