/* =========================================================
 *    CHECKOUT – Общи условия (terms & conditions)
 *       ========================================================= */

/* Контейнерът на условията */
#conditions-to-approve .form-check {
  position: relative !important;
  margin: 0 0 18px 0 !important; /* отстояние от бутона */
  padding-left: 0 !important;
}

/* Кутията с текста (label) */
#conditions-to-approve label.js-terms[for="conditions_to_approve[terms-and-conditions]"] {
  display: block !important;
  margin: 0 !important;
  padding: 12px 14px 12px 52px !important; /* място за чекбокса вляво */
  background: #f7f9fb !important;
  border: 1px solid #d6dbe1 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  line-height: 1.45 !important;
  color: #232323 !important;
}

/* Самият чекбокс – позициониран ВЪТРЕ в кутията */
#conditions-to-approve input#conditions_to_approve\\[terms-and-conditions\\],
#conditions-to-approve input[id="conditions_to_approve[terms-and-conditions]"] {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 22px !important;
  height: 22px !important;

  margin: 0 !important;
  padding: 0 !important;
  float: none !important;

  background-color: #ffffff !important;
  border: 2px solid #2f8f2f !important;
  border-radius: 4px !important;

  accent-color: #2f8f2f !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

/* ЯСНО състояние, когато е отметнат */
#conditions-to-approve
input[id="conditions_to_approve[terms-and-conditions]"]:checked {
  background-color: #2f8f2f !important;
  border-color: #2f8f2f !important;
}

/* БЯЛА отметка ✓ върху зеления фон */
#conditions-to-approve
input[id="conditions_to_approve[terms-and-conditions]"]:checked::after {
  content: "✓";
  position: absolute;
  left: 4px;
  top: -1px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

/* Кутията леко се оцветява, когато е отметнато */
#conditions-to-approve
input[id="conditions_to_approve[terms-and-conditions]"]:checked
+ label {
  background: #eaf6ea !important;
  border-color: #2f8f2f !important;
}

/* Линкът към Общите условия */
#conditions-to-approve #cta-terms-and-conditions-0 {
  text-decoration: underline !important;
  font-weight: 600 !important;
}

/* =========================================================
 *    MOBILE – по-голям и по-удобен
 *       ========================================================= */
@media (max-width: 768px) {

  #conditions-to-approve label.js-terms[for="conditions_to_approve[terms-and-conditions]"] {
    padding-left: 60px !important;
  }

  #conditions-to-approve
  input#conditions_to_approve\\[terms-and-conditions\\],
  #conditions-to-approve
  input[id="conditions_to_approve[terms-and-conditions]"] {
    width: 26px !important;
    height: 26px !important;
    left: 20px !important;
  }

  #conditions-to-approve
  input[id="conditions_to_approve[terms-and-conditions]"]:checked::after {
    font-size: 22px;
    left: 6px;
    top: -2px;
  }
}