/* ===========================================================================
   کارتِ محصولِ فست‌کارت — دکمهٔ «افزودن به سبد» و شمارندهٔ تعداد
   ===========================================================================

   «اگه باکس بزرگتر باشه وقتی روی افزودن می‌زنیم که دکمه‌های مثبت و منفی
   میاد، اون باکسِ افزودن که زیر هست هنوز بخشی از آن دیده می‌شود و کاربر
   می‌تونه روش کلیک کنه.»

   ریشه: قالبِ اصلی شمارنده را `position:absolute` با `max-width:190px` روی
   دکمه می‌گذاشت و خودِ دکمه را دست نمی‌زد. در کارتِ پهن‌تر از ۱۹۰ پیکسل
   تکه‌ای از دکمه بیرون می‌ماند و هنوز کلیک می‌گرفت (افزودنِ دوباره).

   حالا یک «حالت» داریم، نه دو لایهٔ روی هم: `is-in-cart` روی جعبه
   (`cart-buttons.js` می‌گذارد و برمی‌دارد) دکمه را `visibility:hidden`
   می‌کند — جایش می‌ماند تا کارت نپرد، ولی دیده و کلیک و با Tab پیدا
   نمی‌شود — و شمارنده **دقیقاً** همان جعبه را پر می‌کند (`inset:0`)، در
   هر پهنایی. `:has()` پشتیبان است برای وقتی که کلاسِ `open` را کدِ دیگری
   گذاشته باشد.
   =========================================================================== */

.add-to-cart-btn-2 { position: relative; max-width: none; }

.add-to-cart-btn-2 .qty-box-2 {
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.add-to-cart-btn-2 .qty-box-2 .input-group {
    height: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 3px;
    border: 1px solid var(--theme-color);
    border-radius: 50px;
    background-color: #fff;
}

.add-to-cart-btn-2 .qty-box-2 .input-group button {
    flex: 0 0 auto;
    border-radius: 50% !important;
    background-color: var(--theme-color);
}

.add-to-cart-btn-2 .qty-box-2 .input-group button i { color: #fff; margin: 0; }

.add-to-cart-btn-2 .qty-box-2 .input-group input {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    color: var(--title-color, #222);
}

.add-to-cart-btn-2.is-in-cart > .addcart-button,
.add-to-cart-btn-2:has(> .qty-box-2.open) > .addcart-button {
    visibility: hidden;
    pointer-events: none;
}