/* Unified add-to-cart presentation. Interaction and cart handlers are unchanged. */
:root {
    --benira-cart-brand: #befa00;
    --benira-cart-ink: #111111;
    --benira-cart-shadow: 0 8px 22px rgba(190, 250, 0, .28);
    --benira-cart-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2074%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58%203.45074e-07L58.0441%201.84088e-05C70.0089%200.00982673%2074%204.01558%2074%2016C74%2027.9814%2070.011%2031.9881%2058.0533%2032C58.0533%2032%2058.0178%2032%2058%2032C46.0009%2032%2042%2027.9991%2042%2016C42%204.00087%2046.0009%208.6287e-08%2058%203.45074e-07Z'%20fill='white'/%3E%3C/svg%3E");
    --benira-cart-plus-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2074%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58%203.45074e-07L58.0441%201.84088e-05C70.0089%200.00982673%2074%204.01558%2074%2016C74%2027.9814%2070.011%2031.9881%2058.0533%2032C58.0533%2032%2058.0178%2032%2058%2032C46.0009%2032%2042%2027.9991%2042%2016C42%204.00087%2046.0009%208.6287e-08%2058%203.45074e-07Z'%20fill='white'/%3E%3Cpath%20d='M58%2010.5V21.5M52.5%2016H63.5'%20fill='none'%20stroke='%23111111'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --benira-cart-initial-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3Crect%20width='40'%20height='40'%20rx='14'%20fill='%23befa00'/%3E%3Cpath%20d='M20%2013.5V26.5M13.5%2020H26.5'%20fill='none'%20stroke='%23111111'%20stroke-width='1.8'%20stroke-linecap='round'/%3E%3C/svg%3E");
    --benira-cart-action-shape: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='42%200%2032%2032'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58%203.45074e-07L58.0441%201.84088e-05C70.0089%200.00982673%2074%204.01558%2074%2016C74%2027.9814%2070.011%2031.9881%2058.0533%2032C58.0533%2032%2058.0178%2032%2058%2032C46.0009%2032%2042%2027.9991%2042%2016C42%204.00087%2046.0009%208.6287e-08%2058%203.45074e-07Z'%20fill='white'/%3E%3C/svg%3E");
}

/* Compact initial add control used by product cards and product-list modals. */
html body .snapp-btn-initial,
html body .bn-plp-snapp-btn-initial {
    position: relative !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 14px !important;
    background-color: var(--benira-cart-brand) !important;
    background-image: var(--benira-cart-initial-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: var(--benira-cart-shadow) !important;
    overflow: hidden !important;
}
html body .hyper-pc-card .hyper-snapp-btn-wrap,
html body .bn-plp-product-card .bn-plp-snapp-btn-wrap {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
}

/* Compact quantity state. Existing data-qty display switching remains authoritative. */
html body .snapp-btn-active,
html body .bn-plp-snapp-btn-active {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--benira-cart-brand) !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
}
html body .snapp-btn-active .snapp-action,
html body .bn-plp-snapp-btn-active .bn-plp-snapp-action {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: var(--benira-cart-action-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 32px 32px !important;
    color: var(--benira-cart-ink) !important;
}

/* Main single-product initial and quantity controls. */
html body .snapp-btn-initial-sp {
    position: relative !important;
    padding: 0 76px 0 22px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background-color: var(--benira-cart-brand) !important;
    background-image: var(--benira-cart-shape) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 74px 32px !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
    overflow: hidden !important;
}
html body .snapp-btn-initial-sp > svg {
    position: absolute !important;
    right: 20px !important;
    z-index: 1 !important;
    color: var(--benira-cart-ink) !important;
}
html body .snapp-btn-active-sp {
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--benira-cart-brand) !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
}
html body .snapp-btn-active-sp .snapp-action {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background-color: #ffffff !important;
    background-image: var(--benira-cart-action-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 36px 36px !important;
    color: var(--benira-cart-ink) !important;
}

/* Full-width add buttons: variable products, sticky buy bar, wishlist, compare and WooCommerce defaults. */
html body .hyper-var-add-btn:not(:disabled),
html body .bn-plp-variable-add-btn:not(:disabled),
html body .benira-mobile-buy-bar.is-empty:not(.is-disabled):not(.is-oos) .benira-mobile-buy-plus,
html body .hn-wishlist-cart-btn:not(:disabled),
html body .benira-compare-cart-add,
html body .woocommerce .add_to_cart_button,
html body .woocommerce .single_add_to_cart_button,
html body .woocommerce button[name="add-to-cart"],
html body a.ajax_add_to_cart {
    position: relative !important;
    min-height: 44px !important;
    padding-inline: 16px 56px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background-color: var(--benira-cart-brand) !important;
    background-image: var(--benira-cart-plus-shape) !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 74px 32px !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
    font-family: inherit !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* RTL spacing correction for the affected compact add-to-cart controls only. */
html body .hn-wishlist-cart-btn:not(:disabled) {
    min-height: 40px !important;
    padding-right: 36px !important;
    padding-left: 4px !important;
    background-position: right 5px center !important;
    background-size: 58px 26px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}
html body .benira-mobile-buy-bar.is-empty:not(.is-disabled):not(.is-oos) .benira-mobile-buy-plus {
    padding-right: 46px !important;
    padding-left: 6px !important;
    background-position: right 6px center !important;
    background-size: 68px 30px !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

/* Variable-product quantity states. */
html body .hyper-var-add-btn-active,
html body .bn-plp-variable-add-btn-active {
    min-height: 48px !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--benira-cart-brand) !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
}
html body .hyper-var-add-btn-active .snapp-action,
html body .bn-plp-variable-add-btn-active .snapp-action {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: var(--benira-cart-action-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 34px 34px !important;
    color: var(--benira-cart-ink) !important;
}

/* Comparison modal quantity state. */
html body .benira-compare-modal .benira-compare-qty-control {
    border-color: rgba(168, 221, 0, .62) !important;
    border-radius: 13px !important;
    background: var(--benira-cart-brand) !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: var(--benira-cart-shadow) !important;
}
html body .benira-compare-modal .benira-compare-qty-btn {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    justify-self: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    background-image: var(--benira-cart-action-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 32px 32px !important;
    color: var(--benira-cart-ink) !important;
}

/* Sticky single-product quantity state. */
html body .benira-mobile-buy-bar:not(.is-empty):not(.is-disabled):not(.is-oos) .benira-mobile-buy-controls {
    padding: 3px !important;
    border-radius: 14px !important;
    background: var(--benira-cart-brand) !important;
}
html body .benira-mobile-buy-bar:not(.is-empty):not(.is-disabled):not(.is-oos) .benira-mobile-buy-minus,
html body .benira-mobile-buy-bar:not(.is-empty):not(.is-disabled):not(.is-oos) .benira-mobile-buy-plus {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    background-color: #ffffff !important;
    background-image: var(--benira-cart-action-shape) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 38px 38px !important;
    color: var(--benira-cart-ink) !important;
    box-shadow: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
}
html body .benira-mobile-buy-bar:not(.is-empty):not(.is-disabled):not(.is-oos) .benira-mobile-buy-qty {
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--benira-cart-ink) !important;
}

/* Preserve clear disabled/loading feedback without changing click behavior. */
html body .hyper-var-add-btn:disabled,
html body .bn-plp-variable-add-btn:disabled,
html body .woocommerce .add_to_cart_button:disabled,
html body .woocommerce .single_add_to_cart_button:disabled {
    background-image: none !important;
    box-shadow: none !important;
}

html body .snapp-btn-initial:focus-visible,
html body .bn-plp-snapp-btn-initial:focus-visible,
html body .snapp-btn-initial-sp:focus-visible,
html body .hyper-var-add-btn:focus-visible,
html body .bn-plp-variable-add-btn:focus-visible,
html body .benira-mobile-buy-plus:focus-visible,
html body .hn-wishlist-cart-btn:focus-visible,
html body .benira-compare-cart-add:focus-visible,
html body .woocommerce .add_to_cart_button:focus-visible,
html body .woocommerce .single_add_to_cart_button:focus-visible {
    outline: 2px solid #111111 !important;
    outline-offset: 2px !important;
}

/* Single-product quantity state uses the same delete glyph as the standard product cards. */
html body .snapp-btn-active-sp .snapp-trash-icon-sp svg{width:14px!important;height:14px!important;fill:#ff0000!important;stroke:none!important;margin-top:2px!important;pointer-events:none!important}
