.elementor-6276 .elementor-element.elementor-element-a2172b3{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;top:0px;}.elementor-6276 .elementor-element.elementor-element-a2172b3:not(.elementor-motion-effects-element-type-background), .elementor-6276 .elementor-element.elementor-element-a2172b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8D6D03;}body:not(.rtl) .elementor-6276 .elementor-element.elementor-element-a2172b3{left:0px;}body.rtl .elementor-6276 .elementor-element.elementor-element-a2172b3{right:0px;}.elementor-6276 .elementor-element.elementor-element-3513f95{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--z-index:99999;}.elementor-6276 .elementor-element.elementor-element-3513f95:not(.elementor-motion-effects-element-type-background), .elementor-6276 .elementor-element.elementor-element-3513f95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6276 .elementor-element.elementor-element-7c80c20{--display:flex;}.elementor-6276 .elementor-element.elementor-element-9d07c5d img{width:54%;border-radius:99px 99px 99px 99px;}.elementor-6276 .elementor-element.elementor-element-c045a83{--display:flex;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-menu-toggle{margin:0 auto;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item:hover,
.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item:focus{color:#FAD663;fill:#FAD663;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#967627;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .e--pointer-framed .elementor-item:before,
.elementor-6276 .elementor-element.elementor-element-c6e9724 .e--pointer-framed .elementor-item:after{border-color:#967627;}.elementor-6276 .elementor-element.elementor-element-c6e9724 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#D4AF37;}.elementor-6276 .elementor-element.elementor-element-c6e9724{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:1px;--e-nav-menu-divider-color:#967627;}.elementor-6276 .elementor-element.elementor-element-c637148{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6276 .elementor-element.elementor-element-9782299{width:var( --container-widget-width, 11.086% );max-width:11.086%;--container-widget-width:11.086%;--container-widget-flex-grow:0;}.elementor-6276 .elementor-element.elementor-element-9782299 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-9782299.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6276 .elementor-element.elementor-element-2933a17{width:var( --container-widget-width, 18.075% );max-width:18.075%;--container-widget-width:18.075%;--container-widget-flex-grow:0;}.elementor-6276 .elementor-element.elementor-element-2933a17 > .elementor-widget-container{margin:0px 0px 0px -25px;}.elementor-6276 .elementor-element.elementor-element-2933a17.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6276 .elementor-element.elementor-element-08aad90 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-08aad90{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-background-color:#C4881D;--toggle-button-icon-hover-color:#FFFFFF;--toggle-button-hover-background-color:#B98533;--toggle-button-border-width:0px;--toggle-button-border-radius:100px;--toggle-icon-size:17px;--toggle-icon-padding:15px 15px 15px 15px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-6276 .elementor-element.elementor-element-08aad90 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-6276 .elementor-element.elementor-element-969fe0c{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;top:0px;}.elementor-6276 .elementor-element.elementor-element-969fe0c:not(.elementor-motion-effects-element-type-background), .elementor-6276 .elementor-element.elementor-element-969fe0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6276 .elementor-element.elementor-element-969fe0c.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-6276 .elementor-element.elementor-element-969fe0c{left:0px;}body.rtl .elementor-6276 .elementor-element.elementor-element-969fe0c{right:0px;}.elementor-6276 .elementor-element.elementor-element-6fe64f4{--display:flex;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-menu-toggle{margin:0 auto;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a, .elementor-6276 .elementor-element.elementor-element-974a936 .elementor-menu-toggle{color:#FFFFFF;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown{background-color:#AB8A1F;border-style:solid;border-color:#000000;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a:hover,
.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a.highlighted,
.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a:hover,
.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:#000000;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:3px;}.elementor-6276 .elementor-element.elementor-element-974a936 div.elementor-menu-toggle{color:#D4AF37;}.elementor-6276 .elementor-element.elementor-element-974a936 div.elementor-menu-toggle svg{fill:#D4AF37;}.elementor-6276 .elementor-element.elementor-element-800b871{--display:flex;}.elementor-6276 .elementor-element.elementor-element-8021c6f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6276 .elementor-element.elementor-element-8021c6f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6276 .elementor-element.elementor-element-9553676{width:var( --container-widget-width, 18.075% );max-width:18.075%;--container-widget-width:18.075%;--container-widget-flex-grow:0;}.elementor-6276 .elementor-element.elementor-element-9553676.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6276 .elementor-element.elementor-element-f3277aa{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-background-color:#C4881D;--toggle-button-icon-hover-color:#FFFFFF;--toggle-button-hover-background-color:#B98533;--toggle-button-border-width:0px;--toggle-button-border-radius:100px;--toggle-icon-size:17px;--toggle-icon-padding:15px 15px 15px 15px;--cart-background-color:#FFFFFF;--cart-border-style:none;--cart-close-button-color:#AA8022;--remove-item-button-color:#000000;--product-price-color:#000000;--divider-color:#976831;--subtotal-divider-color:#976831;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:#8E6D04;--view-cart-button-hover-background-color:#000000;--checkout-button-background-color:#000000;--checkout-button-hover-background-color:#8E6D04;}.elementor-6276 .elementor-element.elementor-element-f3277aa .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-6276 .elementor-element.elementor-element-f3277aa .elementor-button--view-cart{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6276 .elementor-element.elementor-element-f3277aa .elementor-button--checkout{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-6276 .elementor-element.elementor-element-a2172b3{--z-index:99999999;}.elementor-6276 .elementor-element.elementor-element-969fe0c{--margin-top:1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:222222222;}.elementor-6276 .elementor-element.elementor-element-494768b img{width:38%;border-radius:100px 100px 100px 100px;}.elementor-6276 .elementor-element.elementor-element-8021c6f{--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:19px 19px;--row-gap:19px;--column-gap:19px;--margin-top:0px;--margin-bottom:0px;--margin-left:35px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6276 .elementor-element.elementor-element-2dbf667{width:var( --container-widget-width, 55px );max-width:55px;--container-widget-width:55px;--container-widget-flex-grow:0;}.elementor-6276 .elementor-element.elementor-element-2dbf667 > .elementor-widget-container{margin:0px -6px 0px -3px;padding:0px 0px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-9553676{width:var( --container-widget-width, 45.453px );max-width:45.453px;--container-widget-width:45.453px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-6276 .elementor-element.elementor-element-a2172b3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:-9px;--z-index:99999999;}.elementor-6276 .elementor-element.elementor-element-df89d07 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-3513f95{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6276 .elementor-element.elementor-element-7c80c20{--width:36%;}.elementor-6276 .elementor-element.elementor-element-c045a83{--width:14%;}.elementor-6276 .elementor-element.elementor-element-c637148{--width:37%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6276 .elementor-element.elementor-element-969fe0c{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;top:35px;--z-index:99999999;}.elementor-6276 .elementor-element.elementor-element-6fe64f4{--width:14%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown .elementor-item, .elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown{border-width:0px 0px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--dropdown a{padding-left:14px;padding-right:14px;padding-top:12px;padding-bottom:12px;}.elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-6276 .elementor-element.elementor-element-974a936 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:24px !important;}.elementor-6276 .elementor-element.elementor-element-800b871{--width:35%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6276 .elementor-element.elementor-element-494768b > .elementor-widget-container{margin:-35px 1px -35px -19px;}.elementor-6276 .elementor-element.elementor-element-494768b img{width:45%;border-radius:55px 55px 55px 55px;}.elementor-6276 .elementor-element.elementor-element-8021c6f{--width:50.927%;--gap:0px 4px;--row-gap:0px;--column-gap:4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-19px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-6276 .elementor-element.elementor-element-2dbf667{width:auto;max-width:auto;}.elementor-6276 .elementor-element.elementor-element-2dbf667 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6276 .elementor-element.elementor-element-f3277aa{--toggle-icon-size:17px;--toggle-icon-padding:10px 10px 10px 10px;}.elementor-6276 .elementor-element.elementor-element-f3277aa .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:7px 7px 7px 7px;}.elementor-6276 .elementor-element.elementor-element-f3277aa .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:7px 7px 7px 7px;}.elementor-6276{margin:0px 0px 80px 0px;}}@media(min-width:768px){.elementor-6276 .elementor-element.elementor-element-7c80c20{--width:32%;}.elementor-6276 .elementor-element.elementor-element-c637148{--width:53%;}.elementor-6276 .elementor-element.elementor-element-800b871{--width:32%;}.elementor-6276 .elementor-element.elementor-element-8021c6f{--width:53%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6276 .elementor-element.elementor-element-6fe64f4{--width:500px;}.elementor-6276 .elementor-element.elementor-element-800b871{--width:500px;}.elementor-6276 .elementor-element.elementor-element-8021c6f{--width:37%;}}/* Start custom CSS for html, class: .elementor-element-2933a17 */# أيقونة الحساب - Elementor Component
## كيفية الاستخدام في Elementor
### الطريقة الأولى: HTML Widget (الأسهل)
1. **أضف HTML Widget** في Elementor
2. **انسخ الكود التالي** من ملف `elementor-account-icon.html` والصقه في HTML Widget:
```html
```
### الطريقة الثانية: Custom CSS منفصل
1. **اذهب إلى Elementor → Custom CSS**
2. **انسخ محتوى ملف** `elementor-custom-css.css` والصقه في Custom CSS
3. **أضف HTML Widget** مع الكود HTML فقط (بدون CSS)
### الطريقة الثالثة: Custom JavaScript منفصل
1. **اذهب إلى Elementor → Custom Code**
2. **أضف JavaScript Code** وانسخ محتوى ملف `elementor-javascript.js`
3. **أضف HTML Widget** مع الكود HTML فقط
## المميزات
✅ **تصميم متجاوب** - يعمل على جميع الأجهزة
✅ **دعم اللمس** - يعمل على الهواتف والأجهزة اللوحية
✅ **تأثيرات بصرية** - hover effects و transitions
✅ **متوافق مع Elementor** - z-index محسن
✅ **تصميم عربي RTL** - مناسب للمواقع العربية
## تخصيص الألوان
يمكنك تغيير الألوان في CSS:
```css
/* اللون الذهبي الرئيسي */
.hulk-account-icon {
background: #d4af37; /* غير هذا اللون */
}
/* لون النص في القائمة */
.hulk-dropdown-item {
color: #333; /* غير هذا اللون */
}
/* لون تسجيل الخروج */
.hulk-logout-item {
color: #e74c3c; /* غير هذا اللون */
}
```
## إضافة Font Awesome
إذا لم يكن Font Awesome مضافاً لموقعك، أضف هذا الكود في ``:
```html