.elementor-5090 .elementor-element.elementor-element-81eb893{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-5090 .elementor-element.elementor-element-81eb893:not(.elementor-motion-effects-element-type-background), .elementor-5090 .elementor-element.elementor-element-81eb893 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #074E3B00 0%, #00000000 100%);}.elementor-5090 .elementor-element.elementor-element-f22c42f{--display:flex;--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;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-5090 .elementor-element.elementor-element-b5e81b7{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5090 .elementor-element.elementor-element-e4817e3{text-align:start;}.elementor-5090 .elementor-element.elementor-element-e4817e3 img{width:40%;border-radius:20px 20px 20px 20px;}.elementor-5090 .elementor-element.elementor-element-a40300a{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:27px;font-weight:600;}.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5090 .elementor-element.elementor-element-6766f33 .elementor-nav-menu--main .elementor-item:focus{color:#9A40FF;fill:#9A40FF;}.elementor-5090 .elementor-element.elementor-element-6766f33 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-5090 .elementor-element.elementor-element-6766f33 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-5090 .elementor-element.elementor-element-f6ded39{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5090 .elementor-element.elementor-element-2787932 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 50px;}.elementor-5090 .elementor-element.elementor-element-2787932.elementor-element{--align-self:center;}.elementor-5090 .elementor-element.elementor-element-a62a333{--display:flex;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5090 .elementor-element.elementor-element-6764069{--display:flex;--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-5090 .elementor-element.elementor-element-81eb893{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5090 .elementor-element.elementor-element-a40300a.e-con{--order:3;}.elementor-5090 .elementor-element.elementor-element-6766f33{--nav-menu-icon-size:30px;}}@media(max-width:767px){.elementor-5090 .elementor-element.elementor-element-f22c42f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5090 .elementor-element.elementor-element-b5e81b7{--width:50%;}.elementor-5090 .elementor-element.elementor-element-a40300a{--width:50%;}}@media(min-width:768px){.elementor-5090 .elementor-element.elementor-element-b5e81b7{--width:16%;}.elementor-5090 .elementor-element.elementor-element-a40300a{--width:60%;}.elementor-5090 .elementor-element.elementor-element-f6ded39{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5090 .elementor-element.elementor-element-a40300a{--width:20%;}.elementor-5090 .elementor-element.elementor-element-f6ded39{--width:60%;}}/* Start custom CSS for shortcode, class: .elementor-element-2787932 *//* 1. تطبيق التدرج اللوني على النصوص والسعر */
.elementor-5090 .elementor-element.elementor-element-2787932 a, 
.elementor-5090 .elementor-element.elementor-element-2787932 span, 
.elementor-5090 .elementor-element.elementor-element-2787932 bdi, 
.elementor-5090 .elementor-element.elementor-element-2787932 .woocommerce-Price-amount {
    background: linear-gradient(135deg, #8B5CF6, #D946EF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* مهم جداً: لازم العنصر يكون Block أو Inline-Block عشان التدرج يظهر */
    display: inline-block !important; 
    font-weight: bold !important; /* عشان التدرج يبان أوضح */
}

/* 2. الأيقونة (بتاخد لون الفوشيا الصريح عشان تليق مع التدرج) */
/* (الـ SVG Stroke مش بيقبل تدرج CSS مباشر، فده أنسب حل) */
.elementor-5090 .elementor-element.elementor-element-2787932 svg path, 
.elementor-5090 .elementor-element.elementor-element-2787932 svg circle, 
.elementor-5090 .elementor-element.elementor-element-2787932 svg rect, 
.elementor-5090 .elementor-element.elementor-element-2787932 svg line {
    stroke: #D946EF !important; /* اخترنا اللون الفاتح من التدرج */
    fill: transparent !important;
}

/* (احتياطي) لو الأيقونة فونت مش رسمة، الكود ده هيخليها تاخد التدرج */
.elementor-5090 .elementor-element.elementor-element-2787932 i[class*="fk-"] {
    background: linear-gradient(135deg, #8B5CF6, #D946EF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81eb893 *//* 1. الحالة العادية */
#header-bar .header-internal {
  border: 1px solid transparent;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 2. حالة الـ Sticky (أثناء السكرول) - ديسك توب وموبايل */
#header-bar.elementor-sticky--effects .header-internal {
  /* الخلفية: شفافية عالية جداً (0.4) */
  background: rgba(10, 10, 10, 0.4) !important;
  
  /* تمويه الزجاج (Blur) */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  /* الطفو (Floating) - يبعد عن السقف */
  margin-top: 20px;
  
  /* الحواف: دوران متوسط (Modern Tech Shape) */
  border-radius: 16px !important;
  
  /* الحدود: خفيفة وأنيقة */
  border: 1px solid rgba(255, 255, 255, 0.15);
  
  /* ظل خفيف للعمق */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  
  /* هوامش داخلية */
  padding-right: 20px;
  padding-left: 20px;
}

/* تحسين لون الروابط */
#header-bar.elementor-sticky--effects .header-internal .sticky-menu-items ul li a {
  color: #fff !important;
}

@media (max-width: 767px) {
  .elementor-nav-menu--dropdown {
    /* 1. ضبط المكان (الحل لمشكلة التداخل) */
    position: fixed !important;
    
    /* ⚠️ غير الرقم ده لحد ما تلاقي القائمة نزلت تحت الهيدر بالظبط */
    /* جرب 85px أو 90px أو 100px حسب ارتفاع اللوجو عندك */
    top: 76px !important; 
    
    left: 15px !important;
    right: 15px !important;
    width: auto !important;
    
    /* إلغاء أي هوامش تانية */
    margin-top: 0 !important;
    
    /* 2. الثيم (زجاجي غامق) */
    background: rgba(10, 10, 10, 0.90) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    /* 3. الحواف (عشان تبان امتداد) */
    border-radius: 16px !important; 
    /* لو عايزها "تلحم" في الهيدر، خلي اللي فوق 5px بس زي كده: */
    /* border-radius: 5px 5px 16px 16px !important; */
    
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    /* بنشيل البوردر اللي فوق عشان يندمج مع الهيدر */
    border-top: none !important; 
    
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  }

  /* تنسيق العناصر */
  .elementor-nav-menu--dropdown ul {
    margin: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .elementor-nav-menu--dropdown li a {
    color: #fff !important;
    padding: 12px 25px !important;
    font-size: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center !important;
  }
  
  .elementor-nav-menu--dropdown li:last-child a {
    border-bottom: none;
  }
}/* End custom CSS */