

button.swal-button.swal-button--confirm {
    font-size: 14px;
}

.image-button-v a {
	padding: 15% 0 !important
}
.single_variation_wrap .woocommerce-variation-price .price{
	color:#921095!important;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight);
	    margin-bottom: 1em !important;
    display: block;
}
.variations_form.cart .variations td.label {
	padding-left: 1em !important;
}
.variations_form.cart .variations td.value .reset_variations {
	display: none !important;
}

.cart_left_section table.shop_table tbody tr td {
	font-size: 12px !important
}
.cart_left_section .quantity .qty {
     width: 26px;
    height: 26px;
    margin: 5px;
    font-size: 12px;
}


@media (min-width: 768px){ 

	.cart_left_section .woocommerce-cart-form .product-quantity,
	.cart_left_section .woocommerce-cart-form .product-price ,
	.cart_left_section .woocommerce-cart-form .product-subtotal {
		width: 130px;
	}
	.cart_left_section table.shop_table tbody tr td.product-quantity .quantity {
	display: flex;
	align-items: center;
}
}

@media (min-width: 992px){ 
.cart_left_section table.shop_table tbody tr:hover td.product-name, .cart_left_section table.shop_table tbody tr td.product-name {
	width: 40%
}
		.cart_left_section .woocommerce-cart-form .product-quantity,
	.cart_left_section .woocommerce-cart-form .product-price ,
	.cart_left_section .woocommerce-cart-form .product-subtotal {
		width: 200px;
	}
}

/* WooCommerce archive titles: reserve exactly two lines */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  line-height: 1.3;                 /* adjust to your theme */
  min-height: calc(1.75em * 2);      /* space for 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;            /* show at most 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;                  /* hide overflow past 2 lines */
}

/* Force "From:" text to match adjacent price styling */
.woocommerce ul.products li.product .from {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
}
/* Pill styling for the Woo variation select — refined caret spacing */
.single-product table.variations td.value {
  position: relative; /* anchor for caret & divider */
}

.single-product table.variations td.value select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  display: block;
  width: 100%;                      /* fill the cell so caret is inside */
  padding: 12px 68px 12px 16px;     /* increased right padding for spacing */
  border: 1px solid #e6e6e6;
  border-radius: 28px;
  background: #fff;
  font-size: 14px;                  /* match your theme scale */
  line-height: 1.2;
  color: #111;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.single-product table.variations td.value select:focus {
  outline: none;
  border-color: #0a84ff;
  box-shadow: 0 0 0 3px rgba(10,132,255,.15);
}

/* Thin vertical divider */
.single-product table.variations td.value::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 58px;                      /* moved divider slightly left for balance */
  width: 1px;
  height: 22px;
  background: #e6e6e6;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Caret (clean and crisp using borders) */
.single-product table.variations td.value::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;                      /* moved caret left to maintain spacing */
  width: 9px;
  height: 9px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

/* Focus color state (blue caret when focused) */
.single-product table.variations td.value:focus-within::after {
  border-color: #0a84ff;
}

/* Progressive enhancement: :has() for modern browsers */
@supports selector(:has(*)) {
  .single-product table.variations td.value:has(select:focus)::after {
    border-color: #0a84ff;
  }
}

/* Disabled look */
.single-product table.variations td.value select:disabled {
  color: #9aa0a6;
  background-color: #f8f9fb;
  cursor: not-allowed;
}

/* Tidy row spacing and label alignment */
.single-product table.variations {
  border-collapse: separate;
  border-spacing: 0 12px;
}
.single-product table.variations td.label {
  padding-right: 12px;
  font-weight: 600;
}
