.field-error{
    top: unset !important;
    position: relative;
}

.agreement-checkbox-field {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: start !important;
  column-gap: var(--gapX2) !important;
}

.agreement-checkbox-field .input-box {
  display: contents !important;
}

.agreement-checkbox-field input[type="checkbox"] {
  grid-column: 1 !important;
  /* margin-top: 0.2em !important; */
}

.agreement-checkbox-field label {
  grid-column: 2 !important; 
}

.agreement-checkbox-field .field-error {
  grid-column: 1 / -1 !important;
}

.terms-field .field-error{
    bottom: unset;
    padding-top: unset;
    align-items: center;
}

#billing_region_field .woocommerce-input-wrapper {
    position: relative;
    display: block; 
}

/* #billing_region_field .woocommerce-input-wrapper::after {
    content: '\e136';
    font-family: "Phosphor", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    pointer-events: none; 
} */

/* 4. БОНУС: Раз у вас есть transition, давайте заставим её крутиться при открытии! */
/* #billing_region_field .woocommerce-input-wrapper:focus-within::after {
    transform: translateY(-50%) rotate(180deg);
} */

#billing_region_field select{
  font-size: var(--textMsize) !important;
}

/* 1. Если внутри селекта выбран пустой пункт (value=""), делаем текст серым */
select#billing_region:has(option[value=""]:checked) {
    color: var(--inputPlaceholder);
}

/* 2. Если выбран нормальный город, делаем текст черным */
select#billing_region:not(:has(option[value=""]:checked)) {
    color: #000000; /* Цвет выбранного текста */
}

/* 3. Чтобы сами варианты при клике (когда список открылся) были черными */
select#billing_region option {
    color: #000000;
}

/* Делаем так, чтобы сам пустой пункт в открытом списке тоже выглядел как подсказка (опционально) */
select#billing_region option[value=""] {
    display: none; /* Скрывает пункт "Выберите регион" из выпадающего списка, чтобы его нельзя было выбрать заново */
}