/* تحسينات النص المتجاوب لعرض أرقام الرصيد */

/* تحسينات أساسية للنص */
.balance-amount {
    font-family: 'Orbitron', 'Roboto', monospace !important;
    font-size: clamp(0.75rem, 2vw, 1.1rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-width: auto !important;
    max-width: none !important;
    text-align: center !important;
    color: #ffffff !important;
    display: block !important;
    padding: 0.1rem 0.2rem !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
}

.balance-amount-tablet {
    font-family: 'Orbitron', 'Roboto', monospace !important;
    font-size: clamp(0.8rem, 2.2vw, 1.15rem) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: #ffffff !important;
    display: block !important;
    padding: 0.1rem 0.3rem !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
}

/* تحسين الحاوي للسماح بعرض النص كاملاً */
.balance-info,
.balance-info-tablet {
    overflow: visible !important;
    min-width: auto !important;
    max-width: none !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.2rem !important;
}

.balance-item,
.balance-item-tablet {
    overflow: visible !important;
    min-width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.2rem !important;
}

/* تحسينات لشاشات الموبايل الصغيرة */
@media (max-width: 480px) {
    .balance-amount {
        font-size: clamp(0.65rem, 3vw, 0.9rem) !important;
        padding: 0.05rem 0.1rem !important;
    }

    .balance-amount-tablet {
        font-size: clamp(0.7rem, 3.2vw, 1rem) !important;
        padding: 0.05rem 0.15rem !important;
    }
}

/* تحسينات للشاشات المتوسطة */
@media (min-width: 481px) and (max-width: 768px) {
    .balance-amount {
        font-size: clamp(0.8rem, 2.5vw, 1rem) !important;
    }

    .balance-amount-tablet {
        font-size: clamp(0.85rem, 2.7vw, 1.1rem) !important;
    }
}

/* تحسينات للشاشات الكبيرة */
@media (min-width: 769px) and (max-width: 1024px) {
    .balance-amount {
        font-size: clamp(0.9rem, 2vw, 1.1rem) !important;
    }

    .balance-amount-tablet {
        font-size: clamp(0.95rem, 2.2vw, 1.15rem) !important;
    }
}

/* تحسينات للشاشات الكبيرة جداً */
@media (min-width: 1025px) and (max-width: 1366px) {
    .balance-amount {
        font-size: clamp(0.95rem, 1.8vw, 1.15rem) !important;
    }

    .balance-amount-tablet {
        font-size: clamp(1rem, 2vw, 1.2rem) !important;
    }
}

/* تحسينات للشاشات العريضة */
@media (min-width: 1367px) and (max-width: 1920px) {
    .balance-amount {
        font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
    }

    .balance-amount-tablet {
        font-size: clamp(1.05rem, 1.7vw, 1.25rem) !important;
    }
}

/* تحسينات للشاشات فائقة العرض */
@media (min-width: 1921px) {
    .balance-amount {
        font-size: clamp(1.1rem, 1.2vw, 1.3rem) !important;
    }

    .balance-amount-tablet {
        font-size: clamp(1.15rem, 1.4vw, 1.35rem) !important;
    }
}

/* إزالة جميع تأثيرات الـ hover نهائياً */
.balance-amount:hover,
.balance-amount-tablet:hover,
.balance-item:hover,
.balance-item-tablet:hover,
.balance-item:hover .balance-amount,
.balance-item-tablet:hover .balance-amount-tablet,
.balance-item:hover .balance-icon,
.balance-item-tablet:hover .balance-icon-tablet,
.balance-item:hover .balance-info,
.balance-item-tablet:hover .balance-info-tablet,
.balance-item:hover::before,
.balance-item-tablet:hover::before,
.gaming-balance-display .balance-item:hover,
.gaming-balance-display .balance-item:hover .balance-amount,
.gaming-balance-display .balance-item:hover .balance-icon,
.gaming-balance-display .balance-item:hover .balance-icon-svg,
.gaming-balance-display.desktop .balance-item:hover,
.gaming-balance-display.desktop .balance-item:hover .balance-amount,
.gaming-balance-display.desktop .balance-item:hover .balance-icon,
.gaming-balance-display.desktop .balance-item:hover .balance-icon-svg,
.gaming-balance-display.desktop .balance-item:hover::before,
.gaming-balance-display.desktop .balance-item.balance:hover,
.gaming-balance-display.desktop .balance-item.gift_balance:hover,
.gaming-balance-display.desktop .balance-item.silk_gift:hover,
.gaming-balance-display.desktop .balance-item.silk_own:hover,
.gaming-balance-display.tablet .balance-item:hover,
.gaming-balance-display.tablet .balance-item:hover .balance-amount,
.gaming-balance-display.tablet .balance-item:hover .balance-icon,
.gaming-balance-display.tablet .balance-item:hover .balance-icon-svg,
.gaming-balance-display.tablet .balance-item:hover::before,
.gaming-balance-display.tablet .balance-item.balance:hover,
.gaming-balance-display.tablet .balance-item.gift_balance:hover,
.gaming-balance-display.tablet .balance-item.silk_gift:hover,
.gaming-balance-display.tablet .balance-item.silk_own:hover,
.balance-item-desktop:hover,
.balance-icon-svg:hover,
.balance-toggle-btn:hover,
.balance-toggle-btn.menu:hover,
.balance-toggle-btn.desktop:hover,
.balance-toggle-btn.tablet:hover {
    transform: none !important;
    scale: 1 !important;
    text-shadow: none !important;
    font-weight: inherit !important;
    transition: none !important;
    animation: none !important;
    background: inherit !important;
    border-color: inherit !important;
    box-shadow: inherit !important;
    filter: inherit !important;
    color: inherit !important;
    opacity: inherit !important;
    left: initial !important;
}

/* إصلاح مشاكل النص المقطوع */
.gaming-balance-display {
    overflow: visible !important;
}

.gaming-balance-display .balance-grid,
.balance-section-tablet .balance-grid-tablet {
    overflow: visible !important;
    gap: 0.5rem !important;
}

/* تحسين عرض الأرقام الطويلة */
.balance-amount[data-value*="M"],
.balance-amount[data-value*="K"],
.balance-amount-tablet[data-value*="M"],
.balance-amount-tablet[data-value*="K"] {
    letter-spacing: 0.2px !important;
}

/* تحسين الرؤية بدون effects */
.balance-amount,
.balance-amount-tablet {
    background: rgba(0, 0, 0, 0.1) !important;
    border-radius: 3px !important;
}

/* إزالة أي قيود على العرض */
.balance-container-wrapper,
.balance-menu-wrapper {
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
}

/* تحسينات للـ RTL */
[dir="rtl"] .balance-amount,
[dir="rtl"] .balance-amount-tablet {
    text-align: center !important;
    letter-spacing: 0.3px !important;
}

/* تحسينات خاصة للأرقام العربية */
.balance-amount:lang(ar),
.balance-amount-tablet:lang(ar) {
    font-family: 'Cairo', 'Orbitron', sans-serif !important;
    direction: ltr !important;
    unicode-bidi: embed !important;
}

/* إزالة جميع focus وactive states من عناصر الـ balance */
.balance-item:focus,
.balance-item:active,
.balance-item-tablet:focus,
.balance-item-tablet:active,
.balance-item-desktop:focus,
.balance-item-desktop:active,
.balance-amount:focus,
.balance-amount:active,
.balance-amount-tablet:focus,
.balance-amount-tablet:active,
.balance-icon:focus,
.balance-icon:active,
.balance-icon-tablet:focus,
.balance-icon-tablet:active,
.balance-icon-svg:focus,
.balance-icon-svg:active,
.balance-toggle-btn:focus,
.balance-toggle-btn:active,
.gaming-balance-display .balance-item:focus,
.gaming-balance-display .balance-item:active,
.gaming-balance-display.desktop .balance-item:focus,
.gaming-balance-display.desktop .balance-item:active,
.gaming-balance-display.tablet .balance-item:focus,
.gaming-balance-display.tablet .balance-item:active,
.gaming-balance-display .balance-item.balance:focus,
.gaming-balance-display .balance-item.balance:active,
.gaming-balance-display .balance-item.gift_balance:focus,
.gaming-balance-display .balance-item.gift_balance:active,
.gaming-balance-display .balance-item.silk_gift:focus,
.gaming-balance-display .balance-item.silk_gift:active,
.gaming-balance-display .balance-item.silk_own:focus,
.gaming-balance-display .balance-item.silk_own:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
    background: inherit !important;
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: inherit !important;
}

/* منع التفاعل مع عناصر الـ balance لتجنب مشاكل التعليم */
.balance-item,
.balance-item-tablet,
.balance-item-desktop,
.balance-amount,
.balance-amount-tablet,
.balance-icon,
.balance-icon-tablet,
.balance-icon-svg,
.gaming-balance-display .balance-item {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    pointer-events: auto !important;
    cursor: default !important;
}

/* إزالة أي تأثيرات selection */
.balance-item::selection,
.balance-item-tablet::selection,
.balance-amount::selection,
.balance-amount-tablet::selection {
    background: transparent !important;
    color: inherit !important;
}

/* إزالة أي highlight colors من المتصفح */
.balance-item::-moz-selection,
.balance-item-tablet::-moz-selection,
.balance-amount::-moz-selection,
.balance-amount-tablet::-moz-selection {
    background: transparent !important;
    color: inherit !important;
}
