/* Add your custom CSS here */
:root{
  /* Example palette (adjust as you like) */
  --brand: #0F172A;
  --brand-contrast: #FFFFFF;
}

body .elementor-button--brand{
  background: var(--brand);
  color: var(--brand-contrast);
}

/* הודעת אזהרת מלאי כללית (גם סל וגם מיניקארט) */
.rb-stock-warning {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.4;
  color: #C43C63; /* ורוד/אדום עדין שמתאים לנטלי */
  text-align: right;
  opacity: 0;
  transition: opacity .2s ease;
}

/* כשההודעה פעילה */
.rb-stock-warning.is-visible {
  opacity: 1;
}

/* במיניקארט – טיפה יותר קומפקטי */
.elementor-widget-woocommerce-menu-cart .rb-stock-warning {
  font-size: 10px;
  margin-top: 2px;
}

/* עטיפה סביב גלולת הכמות – גלולה למעלה, הודעה מתחת */
.rb-qty-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

/* מרווח קטן מתחת לגלולה */
.rb-qty-wrapper .mini-qty {
  margin-bottom: 2px;
}

/* הודעת מלאי */
.rb-stock-warning {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.4;
  color: #C43C63;
  text-align: center;
  opacity: 0;
  transition: opacity .2s ease;
}

.rb-stock-warning.is-visible {
  opacity: 1;
}

/* במיניקארט – טיפונת יותר קטן אם תרצה */
.elementor-widget-woocommerce-menu-cart .rb-stock-warning {
  font-size: 10px;
}