.quantity{
  margin-bottom: 20px;
  width: 130px;
  display: flex;
  align-items: center;
  border: 1px solid #EBEBEB;
  border-radius: 30px;
  background: #fff;
  font-family: 'Lora', serif;
}


.quantity input.qty {
  flex: 1;                /* grow to fill leftover space */
  padding: 0;             /* remove extra padding if you like */
  margin: 0;              /* ditto */
  font-family: 'Lora', serif;
  font-size: 18px;
  color: #3E362E;
  text-align: center;     /* center the number horizontally */
  border: none;           /* remove inner borders */
  outline: none;
  background: transparent;
}



.quantity input.qty:focus,
.quantity input.qty:active {
  /* Ingen ekstra skygge eller outline */
  outline: none !important;
  box-shadow: none !important;
}



/* 2) Hide the browser’s native number-field arrows */
.quantity input[type="number"],
.wc-block-components-quantity-selector__input {
  -moz-appearance: textfield;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.quantity button {
  width: 40px;
  font-size: 20px;
  margin:0;
  padding:0;
  height: 40px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #4D4C49;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity button:hover,
.quantity button:focus {

  background: transparent;
  color: #4D4C49;

}


.single_add_to_cart_button {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #fff !important;
  background-color: #E56057 !important;
  border: none !important;
  padding: 15px 50px !important;
  border-radius: 50px !important;
}









/* Style til “Læg i kurv” knapperne */
.add-to-cart-buttons .add-to-cart-and-show-drawer,
.elementor-shortcode .add-to-cart-buttons .add-to-cart-and-show-drawer{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  color: #ffffff;
  background-color: #E56057;
  border-radius: 50px;
  padding: 12px 30px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.add-to-cart-buttons .add-to-cart-and-show-drawer:hover,
.elementor-shortcode .add-to-cart-buttons .add-to-cart-and-show-drawer:hover {
  background-color: #E56057;
  color: #ffffff;
}



.add-to-cart-disabled{
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  color: #ffffff;
  background-color: rgba(229, 96, 87, 0.75);
  border-radius: 50px;
  padding: 12px 30px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  cursor: default; 
}



.out-of-stock-text {
    font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  background-color: rgba(229, 96, 87, 0.75);
  border: none;
  padding: 15px 50px;
  border-radius: 50px;
  display: inline-block;
  cursor: default; 
}



/* Styles for “Antal” label i custom‐shortcode */
.custom-quantity-label {
  font-size: 20px;
  font-family: 'Lora', serif;
  color: #3E362E;
  line-height: 1;
  margin-bottom: 5px;
}


@media (max-width: 1024px) {
.custom-quantity-label {
  font-size: 18px;
}
}



@media (max-width: 767px) {
.custom-quantity-label {
  font-size: 16px;
}
}