.select2-results__option {
  color: var(--link-color);
  padding: var(--loool-select-option-padding-y) var(--loool-select-option-padding-x);
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--loool-input-bg-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  color: var(--link-color-current);
  background-color: var(--loool-input-bg-color);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: var(--loool-input-height);
  border: var(--loool-input-border-width) var(--loool-input-border-style)
      var(--loool-input-border-color);
  background-color: var(--loool-input-bg-color);
  opacity: 0.5;
  outline: none;
  font-size: var(--font-size-base);
  padding: var(--loool-input-padding-y) var(--loool-input-padding-x);
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  opacity: 1;
}

.select2-search--dropdown {
  padding: 0.5rem var(--loool-input-padding-x);
}

.select2-dropdown {
  background-color: var(--loool-input-bg-color);
  border: var(--loool-input-border-width) var(--loool-input-border-style)
      var(--loool-input-border-color);
      border-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  margin-top: 0.25rem;
}

.select2-container--default .select2-selection {
  background-color: var(--loool-input-bg-color);
  border: var(--loool-input-border-width) var(--loool-input-border-style)
  var(--loool-input-border-color);
  border-radius: 0;
  opacity: 0.5;
}

.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
  opacity: 1;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: var(--loool-input-height);
}

.select2-container .select2-selection--single {
  height: var(--loool-input-height);
}

#add_payment_method .cart-collaterals .shipping-calculator-form, .woocommerce-cart .cart-collaterals .shipping-calculator-form .button, .woocommerce-checkout .cart-collaterals .shipping-calculator-form .button {
  float: right;
}

.woocommerce table.shop_table td .woocommerce-Price-amount {
    font-family: var(--loool-numbers-font-family);
}

.woocommerce a.remove {
    color: inherit !important;
}

.woocommerce a.remove:hover {
    color: var(--loool-color-black-tint) !important;
    background-color: transparent;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 96px;
    height: auto;
}

.woocommerce td.product-quantity .quantity :is(.qty, button) {
    background-color: transparent;
    border: none;
    width: 20px;
    height: 20px;
    padding-block: 0;
    text-align: center;
    outline: none;
}

.woocommerce td.product-quantity .quantity .qty::-webkit-outer-spin-button,
.woocommerce td.product-quantity .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce td.product-quantity .quantity .qty {
    /* Remove arrow buttons */
    -moz-appearance: textfield;

    font-size: inherit;
}

.woocommerce td.product-quantity .quantity button {
    cursor: pointer;
    font-size: inherit;
}

.woocommerce td.product-quantity .quantity button:is(:focus-visible, :hover) {
    color: var(--loool-color-black-tint);
}

.woocommerce td.product-quantity .quantity {
    display: inline-flex;
    align-items: center;
}

.woocommerce table.shop_table td {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce table.shop_table th {
    padding-left: 0;
    padding-right: 0;
}

.woocommerce-cart :is(h1, h2) {
    padding-inline: 0.5rem;
    margin-top: 0;
    line-height: 1.5rem;
    background-color: var(--loool-color-black);
    color: var(--loool-color-white);
    font-size: inherit;
}

.woocommerce table.shop_table {
    border: none;
}

#add_payment_method .cart-collaterals .shipping-calculator-button::after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
    display: none;
}

@media (max-width: 767px) {
    .woocommerce #content table.cart td.actions .coupon .button,
    .woocommerce table.cart td.actions .coupon button,
    .woocommerce-page #content table.cart td.actions .coupon .button,
    .woocommerce-page table.cart td.actions .coupon .button {
        width: auto;
    }

    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon .input-text {
        /* Span all available space */
        flex-grow: 1;
    }

    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        display: flex;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        width: auto;
        float: right;
    }

    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: left !important;
    }

    .woocommerce table.shop_table td.product-remove {
        /* Push remove item btn to the right of the thumbnail */
        float: right;
    }

    .woocommerce table.shop_table_responsive tr td.product-thumbnail::before,
    .woocommerce-page
        table.shop_table_responsive
        tr
        td.product-thumbnail::before {
        display: none;
    }

    .woocommerce table.shop_table td {
        border-top: 0;
    }

    #add_payment_method .cart-collaterals .cart_totals tr td,
    #add_payment_method .cart-collaterals .cart_totals tr th,
    .woocommerce-cart .cart-collaterals .cart_totals tr td,
    .woocommerce-cart .cart-collaterals .cart_totals tr th,
    .woocommerce-checkout .cart-collaterals .cart_totals tr td,
    .woocommerce-checkout .cart-collaterals .cart_totals tr th {
        border-top: 0;
    }

    .woocommerce
        table.shop_table_responsive
        tbody
        tr:not(:last-child)
        td:last-child,
    .woocommerce-page
        table.shop_table_responsive
        tbody
        tr:not(:last-child)
        td:last-child {
        border-bottom: var(--border-width) var(--border-style)
            var(--border-color);
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }
}

@media (min-width: 768px) {
    .woocommerce td.product-quantity .quantity :is(.qty, button) {
        width: 24px;
        height: 24px;
    }

    .woocommerce a.remove {
        text-align: left;
    }

    .woocommerce table.shop_table td {
        border-top: var(--border-width) var(--border-style) var(--border-color);
    }

    #add_payment_method .cart-collaterals .cart_totals tr td,
    #add_payment_method .cart-collaterals .cart_totals tr th,
    .woocommerce-cart .cart-collaterals .cart_totals tr td,
    .woocommerce-cart .cart-collaterals .cart_totals tr th,
    .woocommerce-checkout .cart-collaterals .cart_totals tr td,
    .woocommerce-checkout .cart-collaterals .cart_totals tr th {
        border-top: var(--border-width) var(--border-style) var(--border-color);
    }

    #add_payment_method table.cart td,
    #add_payment_method table.cart th,
    .woocommerce-cart table.cart td,
    .woocommerce-cart table.cart th,
    .woocommerce-checkout table.cart td,
    .woocommerce-checkout table.cart th {
        vertical-align: top;
    }
}

@media (min-width: 1024px) {
    .woocommerce td.product-quantity .quantity :is(.qty, button) {
        width: 32px;
        height: 32px;
    }
}
