.variation-selector {
    margin: 20px 0;
}

.variation-select-wrapper {
    margin-bottom: 15px;
}

.variation-select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
}

.variation-select:focus {
    border-color: #184363;
    outline: none;
}
.variant-units-row {
  text-align: right !important;
  white-space: nowrap;
  margin-bottom: -5px;
}

.variant-dosage-row {
  text-align: right !important;
  white-space: nowrap;
}


.variation-details .price {
    font-size: 18px;
    font-weight: bold;
    color: #184363;
    margin-bottom: 8px;
}

.variation-details .price {
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5em 0;
}


.variation-details .stock {
    margin: 0;
    color: #666;
    white-space: nowrap;
}

.variation-details .stock {
    font-size: 14px;
    color: #666;
}



.product .price {
  gap: 15px;
  font-size: 22px !important;
}


.variant-front-description ul {
  list-style: none; /* Verwijdert standaard bullet points */
  padding-left: 0; /* Optioneel, om uitlijning te behouden */
}

.variant-front-description li {
  position: relative;
  padding-left: 20px; /* Zorgt voor ruimte links van de tekst */
}

.variant-front-description li::before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  -webkit-mask: url(https://www.transtoyou.com/wp-content/themes/propharm/images/icons/check.svg) no-repeat 50% 50%;
  mask: url(https://www.transtoyou.com/wp-content/themes/propharm/images/icons/check.svg) no-repeat 50% 50%;
  -webkit-mask-size: 8px;
  mask-size: 8px;
  background: #39cb74; /* Groene kleur voor de checkmark */
}


/* Disabled state voor add to cart button */
.single_add_to_cart_button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive styling */
@media (max-width: 768px) {
    .variation-select {
        font-size: 16px; /* Beter voor mobile */
        padding: 12px;
    }
    
    .variation-details {
        margin-top: 10px;
    }
}