/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.5.7
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/
/* أنماط لأيقونة الرصيد في الهيدر والـ Tooltip */

.header-balance-icon-area {
    position: relative; /* ضروري لتحديد موضع الـ tooltip بالنسبة لهذه الحاوية */
    display: inline-block; /* أو block، حسب مكان وضعها في الهيدر */
    /* إذا استخدمت 'wp_body_open'، ستحتاج لتحديد موضعها بشكل مطلق أو ثابت في الهيدر:
    مثال:
    position: fixed; 
    top: 15px; 
    left: 20px; /* أو right: 20px; إذا أردتها على اليمين */
    z-index: 1000; /* لضمان ظهورها فوق العناصر الأخرى */
    */
}

.header-balance-trigger {
    cursor: pointer;
    font-size: 1.5em; /* حجم الأيقونة، عدّله حسب الحاجة */
    color: #333; /* لون الأيقونة، عدّله ليتناسب مع هيدر ثيم Electro */
    /* padding: 5px; */ /* حشو إذا لزم الأمر */
}

.header-balance-trigger:hover {
    color: #007bff; /* لون الأيقونة عند الهوفر، عدّله */
}

.header-balance-tooltip-content {
    display: none; /* مخفي بشكل افتراضي */
    position: absolute;
    top: 100%; /* يظهر أسفل الأيقونة */
    left: 50%; /* يبدأ من منتصف الأيقونة */
    transform: translateX(-50%); /* يوسط الـ tooltip تحت الأيقونة */
    margin-top: 8px; /* مسافة صغيرة بين الأيقونة والـ tooltip */
    background-color: #2d2d2d; /* لون خلفية رمادي غامق للـ tooltip */
    color: #f0f0f0; /* لون نص فاتح داخل الـ tooltip */
    border: 1px solid #444;
    border-radius: 5px;
    padding: 10px 15px;
    min-width: 180px; /* أقل عرض للـ tooltip */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 1001; /* أعلى من الأيقونة */
    text-align: center; /* أو right إذا كان محتوى الرصيد بالعربية */
}

/* تعديل أنماط الشورت كود البسيط داخل الـ tooltip إذا لزم الأمر */
.header-balance-tooltip-content .mmp-simple-balance-wrapper {
    font-size: 0.95em;
    /* يمكنك تعديل ألوان .mmp-simple-balance-value و .mmp-simple-balance-currency هنا إذا لزم الأمر */
}
.header-balance-tooltip-content .mmp-simple-balance-icon-fa {
    /* color: #ffeb3b; */ /* مثال لتلوين أيقونة الرصيد داخل الـ tooltip */
}


/* إظهار الـ tooltip عند الهوفر على الحاوية أو الأيقونة */
.header-balance-icon-area:hover .header-balance-tooltip-content {
    display: block;
}