/*********************************************************
	 * SIDE CART (SCOPED)
	 * Everything is scoped under .xoo-wsc-container
	 * to avoid style bleed
	 *********************************************************/

  /* Z-INDEX & LAYOUT */
  .xoo-wsc-container,
  .xoo-wsc-container .xoo-wsc-slider,
  .xoo-wsc-container .xoo-wsc-drawer {
      z-index: 9999999999;
  }

  .xoo-wsc-container .xoo-wsc-drawer {
      z-index: 99999998 !important;
  }

  /* Delivery product card inside cart */
  .xoo-wsc-container .delivery-product-in-cart {
      margin-top: 10px;
      margin-left: 20px;
      /* padding: 4px 8px; */
      margin-bottom: 6px;
      width: 90%;
      background-color: #fff;
  }

  /* QUANTITY / INPUTS */
  .xoo-wsc-container .xoo-wsc-qty-box {
      max-width: 75px !important;
  }

  .xoo-wsc-container input[type="number"].xoo-wsc-qty {
      width: 100%;
  }

  .xoo-wsc-container .xoo-wsc-qtb-square input[type="number"].xoo-wsc-qty {
      border-left-width: 0;
      border-right-width: 0;
  }

  .xoo-wsc-container .xoo-wsc-qty-box.xoo-wsc-qtb-square {
      border-radius: 8px;
  }

  /* Coupon field group */
  .xoo-wsc-container .xoo-wsc-sl-apply-coupon input {
      padding: 8px 16px !important;
      border-top-left-radius: 8px !important;
      border-bottom-left-radius: 8px !important;
  }

  .xoo-wsc-container .xoo-wsc-sl-apply-coupon button {
      padding: 8px 16px !important;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
      border-top-right-radius: 8px !important;
      border-bottom-right-radius: 8px !important;
      margin-left: -1px !important;
      border: 0 !important;
  }

  .xoo-wsc-container input[name="xoo-wsc-slcf-input"] {
      text-align: left;
  }

  /*************************************
	 * HEADER OF SUGGESTED PRODUCTS AREA
	 *************************************/
  .xoo-wsc-container .xoo-wsc-drawer-header {
      background-color: #083156;
      border-bottom: none !important;
  }

  .xoo-wsc-container .xoo-wsc-drh-txt {
      color: #FFF;
  }

  .xoo-wsc-container span.xoo-wsch-close {
      color: white;
  }

  .xoo-wsc-container .xoo-wsc-sp-heading {
      color: #00234F;
  }

  /* Cart header close button (general) */
  .xoo-wsc-container .xoo-wsc-header span.xoo-wsch-close {
      color: #00234F;
  }

  /* Cart header bg + title weight */
  .xoo-wsc-container .xoo-wsc-header {
      background-color: #fff;
  }

  .xoo-wsc-container .xoo-wsch-text {
      font-weight: 600;
  }

  /*************************
	 * SUGGESTED PRODUCTS ROW
	 *************************/
  .xoo-wsc-container .xoo-wsc-sp-product {
      align-items: flex-start;
  }

  .xoo-wsc-container .xoo-wsc-sp-title.xoo-wsc-sp-title-donation {
      font-weight: 600;
      color: #083156 !important;
      margin-bottom: 0 !important;
  }

  .xoo-wsc-container .xoo-wsc-sp-subtitle {
      margin-bottom: 10px !important;
      color: #656A76;
  }

  /* Donation input row */
  .xoo-wsc-container .side_cart_suggested_donation_input {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 15px;
      position: relative;
  }

  .xoo-wsc-container .side_cart_suggested_donation_input .currency-prefix {
      position: absolute;
      left: 8px;
      color: #555;
      pointer-events: none;
  }

  /* Donation price input field */
  .xoo-wsc-container .side_cart_suggested_donation_input .donation-price-input {
      width: 125px !important;
      padding-left: 45px;
      height: 35px !important;
      border: 1px solid #E9EBED;
      border-radius: 8px;
  }



  /* Tighten bottom paragraph */
  .xoo-wsc-container .xoo-wsc-dr-body .xoo-wsc-sp-prod-cont .xoo-wsc-sp-rc-bottom p {
      margin-bottom: 0 !important;
  }

  /* Donation error text */
  .xoo-wsc-container .donation-error {
      color: red;
      display: none;
  }

  /* Add-to-cart button margin (non-NYP) */
  .xoo-wsc-container .xoo-wsc-dr-body span.xoo-wsc-sp-atc a.button {
      margin-top: 10px !important;
  }

  /***********************************
	 * BUTTONS (Donate + Checkout etc.)
	 ***********************************/
  .xoo-wsc-container .xoo-wsc-sp-slider .xoo-wsc-sp-prod-cont .xoo-wsc-sp-product .xoo-wsc-sp-right-col .xoo-wsc-sp-rc-bottom form button,
  .xoo-wsc-container .side_cart_suggested_donation_input .donate-btn {
      padding: 8px 16px !important;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 700;
      background-color: #FFE168;
      color: #00234F;
      border-radius: 9999px;
  }

  .xoo-wsc-container .xoo-wsc-sp-slider .xoo-wsc-sp-prod-cont .xoo-wsc-sp-product .xoo-wsc-sp-right-col .xoo-wsc-sp-rc-bottom form button:hover,
  .xoo-wsc-container .side_cart_suggested_donation_input .donate-btn:hover {
      background-color: #f9c90ac7;
  }

  .xoo-wsc-container a.xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-checkout {
      font-weight: 700;
      border-radius: 999px;
  }

  /******************************
	 * REMOVE LINKS & ITEM ROW UI
	 ******************************/
  .xoo-wsc-container .xoo-wsc-remove-link {
      display: flex;
      align-items: center;
      color: #c00;
      text-decoration: none;
      font-size: 0.875rem;
  }

  .xoo-wsc-container .xoo-wsc-qty-remove {
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .xoo-wsc-container .xoo-wsc-smr-del {
      cursor: pointer;
  }

  .xoo-wsc-container .xoo-wsc-sm-left {
      flex-grow: 1;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: row;
      min-width: 0;
      gap: 10px;
  }

  .xoo-wsc-container .xoo-wsc-remove-link .dashicons,
  .xoo-wsc-container .xoo-wsc-remove-link .xoo-wsc-smr-del {
      margin-right: 4px;
      font-size: 1.1em;
  }

  .xoo-wsc-container a.xoo-wsc-smr-del {
      color: #e31623;
  }

  /*****************************
	 * VARIATIONS / PRICE BLOCKS
	 *****************************/
  .xoo-wsc-container .xoo-wsc-variation-values {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 8px;
  }

  .xoo-wsc-variation-value {
      background-color: #E6F0FF;
      color: #004AAD;
      padding: 4px 8px;
      border-radius: 12px;
      font-size: 0.875rem;
      line-height: 1.2;
      display: inline-block;
  }

  .woocommerce-checkout .xoo-wsc-variation-values {
      text-align: left;
  }

  .xoo-wsc-container .sidecart-product-heading .xoo-wsc-pprice {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
  }

  .xoo-wsc-container .xoo-wsc-price-value {
      font-weight: 600;
  }

  .xoo-wsc-container .xoo-wsc-price-label {
      color: #777;
  }

  .xoo-wsc-container .xoo-wsc-product.xoo-wsc-addon-item {
      border-bottom: 0;
      box-shadow: none;
  }

  /* UTILS / VISIBILITY */
  .xoo-wsc-container .hidden-product-in-side-cart {
      display: none;
  }

  .xoo-wsc-ptotal,
  span.xoo-wsc-smr-ptotal bdi,
  .xoo-wsc-ft-amt-subtotal bdi,
  .xoo-wsc-ft-amt.xoo-wsc-ft-amt-total {
      font-weight: 600;
  }

  /* RESPONSIVE */
  @media (max-width: 768px) {
      .xoo-wsc-container .xoo-wsc-sp-product {
          margin: 10px 35px !important;
      }

      .xoo-wsc-container .xoo-wsc-sp-container .lSAction>a {
          background-size: 80% !important;
          max-width: 30px !important;
      }

      .xoo-wsc-container .side_cart_suggested_donation_input .donation-price-input {
          width: 100px !important;
      }
  }

  /* Donation price input — final override */
  .xoo-wsc-drawer .side_cart_suggested_donation_input input.donation-price-input.ywcnp_sugg_price.short.wc_input_price,
  .xoo-wsc-container .side_cart_suggested_donation_input input.donation-price-input.ywcnp_sugg_price.short.wc_input_price {
      width: 125px !important;
      padding-left: 45px !important;
      height: 35px !important;
      border: 1px solid #E9EBED !important;
      border-radius: 8px !important;
  }

  /* Mobile */
  @media (max-width: 768px) {

      .xoo-wsc-drawer .side_cart_suggested_donation_input input.donation-price-input.ywcnp_sugg_price.short.wc_input_price,
      .xoo-wsc-container .side_cart_suggested_donation_input input.donation-price-input.ywcnp_sugg_price.short.wc_input_price {
          width: 100px !important;
      }
  }

  @keyframes vibrate {
      0% {
          transform: translateX(0);
      }

      25% {
          transform: translateX(-10px);
      }

      50% {
          transform: translateX(10px);
      }

      75% {
          transform: translateX(-10px);
      }

      100% {
          transform: translateX(0);
      }
  }



  /* Apply animation only on tablets < */
  @media (max-width: 1024px) {
      .xoo-wsc-cart-active .xoo-wsc-sp-product {
          animation: vibrate 0.5s ease-in-out;
          animation-delay: 0.65s;
      }
  }