/* === SHZ: تنسيق تنبيه نفاد المخزون (سلة/Checkout) === */

/* صندوق التنبيه: خط أصغر + حشوة + ترتيب عمودي + تماشي مع هوية شازار */
body.woocommerce-cart .woocommerce .woocommerce-error.shz-oos,
body.woocommerce-checkout .woocommerce .woocommerce-error.shz-oos,
body.woocommerce-cart .woocommerce .woocommerce-error#shz-stock-notice,
body.woocommerce-checkout .woocommerce .woocommerce-error#shz-stock-notice {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  display: block !important;
  font-size: 0.95em !important;
  line-height: 1.6 !important;
  padding: 24px 14px 14px !important;
  margin: 12px 0 !important;
  white-space: pre-line !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  -webkit-hyphens: auto !important;
  hyphens: auto !important;
  border: 1.5px solid var(--shz-border, #084F5D) !important;
  border-radius: var(--shz-radius, 14px) !important;
  background: var(--shz-bg, #fff) !important;
  color: var(--shz-red, #c62828) !important;
  text-align: start !important;
}


/* تأكيد الترتيب العمودي لعناصر <li> داخل صندوق WooCommerce */
body.woocommerce-cart  ul.woocommerce-error.shz-oos li,
body.woocommerce-checkout ul.woocommerce-error.shz-oos li{
  display: block;
  margin: 0;
  padding: 0;
}
/* إزالة حشوة UL الافتراضية على الموبايل */
.woocommerce ul.woocommerce-error.shz-oos{
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
}

/* إخفاء أي أيقونة افتراضية يسار العنصر من القالب */
body.woocommerce-cart  ul.woocommerce-error.shz-oos li::before,
body.woocommerce-checkout ul.woocommerce-error.shz-oos li::before{
  content: none !important;
}

/* أيقونة التعجّب — أعلى ووسط الصندوق */
body.woocommerce-cart .woocommerce-error.shz-oos::before,
body.woocommerce-checkout .woocommerce-error.shz-oos::before,
body.woocommerce-cart .woocommerce-error#shz-stock-notice::before,
body.woocommerce-checkout .woocommerce-error#shz-stock-notice::before{
  content: "!";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 50%;
  background: var(--shz-btn-active, #B2905F); /* نفس هويتك */
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  box-shadow: 0 0 0 3px #fff; /* هالة بيضاء حول الدائرة */
}
/* === Mobile refinements === */
@media (max-width: 600px){

  /* صندوق التنبيه: خط أصغر، حشوة أضيق، زوايا أهدأ */
  body.woocommerce-cart .woocommerce-error.shz-oos,
  body.woocommerce-checkout .woocommerce-error.shz-oos,
  body.woocommerce-cart .woocommerce-error#shz-stock-notice,
  body.woocommerce-checkout .woocommerce-error#shz-stock-notice{
    font-size: 0.90em !important;
    line-height: 1.65;
    padding: 22px 12px 12px !important;  /* تقليل الحشوة الجانبية وتوفير مساحة للأعلى */
    border-radius: 12px;
  }

  /* إعادة ضبط UL إن وُجدت داخل الخطأ */
  .woocommerce ul.woocommerce-error.shz-oos{
    padding: 0 !important;
    margin: 0 !important;
  }

  /* دائرة التعجّب أصغر ومكانها أعلى بقليل */
  body.woocommerce-cart .woocommerce-error.shz-oos::before,
  body.woocommerce-checkout .woocommerce-error.shz-oos::before,
  body.woocommerce-cart .woocommerce-error#shz-stock-notice::before,
  body.woocommerce-checkout .woocommerce-error#shz-stock-notice::before{
    top: -12px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    box-shadow: 0 0 0 2px #fff;
  }
}
