.elementor-170112 .elementor-element.elementor-element-18db4272{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* نفس لون الأزرق بدون أي تغيير في الهوفر */
.shoptimizer-cart,
.shoptimizer-cart .cart-contents,
.shoptimizer-cart .cart-contents:hover{
  color: #1e73be;         /* غيّرها لدرجتك لو مختلفة */
  text-decoration: none;
}

/* رصّ الأيقونة قبل السعر */
.shoptimizer-cart .cart-contents{
  display: inline-flex;
  align-items: center;
  gap: 8px;               /* مسافة بين الأيقونة والسعر */
  position: relative;     /* مرجع لشارة العدّاد */
  line-height: 1;
}

/* اجعل الأيقونة أول عنصر والسعر بعدها */
.shoptimizer-cart .shoptimizer-cart-icon{ order: 1; display: inline-flex; }
.shoptimizer-cart .amount{ order: 2; font-weight: 600; }

/* توحيد شكل الـ SVG مع أيقوناتك */
.shoptimizer-cart .shoptimizer-cart-icon svg{
  width: 31px;
  height: 31px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  display: block;
}

/* ضبط موضع شارة عدد العناصر بجوار الأيقونة */
.shoptimizer-cart .mini-count{
  position: absolute;
  top: -6px;
  inset-inline-start: 18px;  /* يتوافق مع RTL/LTR */
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  text-align: center;
}

/* لو فيه ستايل من الثيم بيغيّر اللون في الهوفر، اكسروه هنا */
.shoptimizer-cart .cart-contents:hover .amount,
.shoptimizer-cart .cart-contents:hover .shoptimizer-cart-icon svg{
  color: #1e73be !important;
  stroke: currentColor !important;
}

/* لو شايف الأيقونة لسه نازلة سنتة صغيرة */
.shoptimizer-cart .shoptimizer-cart-icon svg{
  transform: translateY(1px);
}

/* ثبّت اللون الأزرق على طول بدون هوفر */
.shoptimizer-cart .cart-contents,
.shoptimizer-cart .cart-contents .amount,
.shoptimizer-cart .cart-contents .woocommerce-Price-amount,
.shoptimizer-cart .cart-contents .woocommerce-Price-currencySymbol{
  color: #1e73be !important;   /* غيّرها لدرجتك المفضلة */
  text-decoration: none !important;
}

/* لو الثيم كان مخلي السعر شفاف/مخفي لحد الهوفر */
.shoptimizer-cart .cart-contents .amount{
  opacity: 1 !important;
  visibility: visible !important;
  transition: none;           /* منع فلاش/أنيميشن غير مرغوب */
}

/* اقفل أي تغيّر لون عند الهوفر */
.shoptimizer-cart .cart-contents:hover,
.shoptimizer-cart .cart-contents:hover .amount,
.shoptimizer-cart .cart-contents:hover .woocommerce-Price-amount,
.shoptimizer-cart .cart-contents:hover .woocommerce-Price-currencySymbol{
  color: #1e73be !important;
}

/* موبايل: السعر أعلى الأيقونة مع ثبات محاذاة الأيقونة */
@media (max-width: 600px){
  .shoptimizer-cart .cart-contents{
    position: relative;        /* مرجع للسعر */
    display: inline-flex;      /* تبقى الأيقونة مصطفّة مثل بقية الأيقونات */
    align-items: center;
    padding-top: 16px;         /* مساحة للسعر فوق */
    line-height: 1;
  }

  /* السعر فوق الأيقونة ومتمركز أفقياً */
  .shoptimizer-cart .cart-contents .amount{
    position: absolute;
    top: 0;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    font-size: 12px;           /* عدّل الحجم لو حابب */
    line-height: 1;
    color: #1e73be !important; /* نفس درجتك */
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* الأيقونة تبقى في مكانها الطبيعي */
  .shoptimizer-cart .shoptimizer-cart-icon{
    order: 1;                  /* لا يهم مع absolute، بس للوضوح */
  }

  /* شارة العدّاد: لو حسّيت إنها نزلت بسبب الـ padding، ارفعها بسيط */
  .shoptimizer-cart .mini-count{
    top: -6px;                 /* جرّب -4 أو -8 حسب شكل الأيقونة عندك */
  }
}/* End custom CSS */