/* ЕТАП 13 / Е13.10 (13.09.2026): начините за доставка вече са ul#shipping_method > li
   (маркъпът, който Българизация чака), а не label.opt. Картата минава от label върху li;
   вътре в li сега живеят и кутиите на Еконт, затова .opt input{opacity:0} от base.css
   трябва да важи САМО за самото радио, иначе скрива полетата за град и офис. */
#shipping_method.opts { list-style: none; margin: 0 0 16px; padding: 0; }
#shipping_method > li.opt { display: block; }
#shipping_method > li.opt > label.opt-in { display: flex; gap: 14px; align-items: flex-start; margin: 0; cursor: pointer; }
#shipping_method > li.opt > input.shipping_method { position: absolute; opacity: 0; pointer-events: none; }
#shipping_method > li.opt > input.shipping_method:checked ~ label.opt-in .radio { border-color: var(--accent); }
#shipping_method > li.opt > input.shipping_method:checked ~ label.opt-in .radio::after { transform: scale(1); }

/* Полетата на Еконт (Vue ги пълни след избор на метод) */
#shipping_method > li.opt > div[id^="woo-bg"]:not(:empty) { margin-top: 14px; cursor: auto; }
#shipping_method > li.opt div[id^="woo-bg"] input,
#shipping_method > li.opt div[id^="woo-bg"] select,
#shipping_method > li.opt div[id^="woo-bg"] textarea { position: static; opacity: 1; pointer-events: auto; }
/* щом Еконт монтира формата си, картите минават в една колона — в половин ред
   изборът на град и офис се сплесква */
#shipping_method.opts:has(div[id^="woo-bg"]:not(:empty)) { grid-template-columns: 1fr; }

/* Е13.9: чекбоксът на Brevo (p#ws_opt_in_field) носи класа field, а checkout.css дава
   на .field input височина 48px (52px под 900px) и fixes.css — width:100%. Затова
   квадратчето излизаше 348×48, а етикетът падаше под него. .field input[type=…] е
   по-специфичен от .field input, тоест файлът не разчита на реда на зареждане. */
.field input[type="checkbox"],
.field input[type="radio"] { width: 18px; height: 18px; min-height: 0; padding: 0; margin: 0 10px 0 0; appearance: auto; -webkit-appearance: auto; flex: 0 0 auto; }
#ws_opt_in_field .woocommerce-input-wrapper { display: flex; align-items: flex-start; gap: 10px; }
/* Е13.16: квадратчето излизаше 18×18, но лепнато за текста, а вторият ред на етикета
   минаваше ПОД него — етикетът е блок и чекбоксът е inline вътре в него. Етикетът
   става flex ред, за да се подравнят всички редове вдясно от квадратчето. Разстоянието
   идва от gap, затова margin-ът вътре във флекс контейнера се нулира (иначе става 20px). */
#ws_opt_in_field label { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; margin: 0; line-height: 1.35; }
#ws_opt_in_field .woocommerce-input-wrapper input[type="checkbox"],
#ws_opt_in_field label input[type="checkbox"] { margin: 0; }
@media (max-width: 900px) {
  .field input[type="checkbox"],
  .field input[type="radio"] { width: 18px; height: 18px; min-height: 0; padding: 0; margin: 0 10px 0 0; appearance: auto; -webkit-appearance: auto; flex: 0 0 auto; }
  #ws_opt_in_field .woocommerce-input-wrapper input[type="checkbox"],
  #ws_opt_in_field label input[type="checkbox"] { margin: 0; }
}

/* Е13.16: полетата за адрес на Еконт (Vue ги монтира в li.opt след избор на метод)
   идваха голи — базовият фикс само ги показва. Тук получават вида на останалите
   полета на касата, но по-ниски, защото плъгинът ги реди 5 в ред. */
#shipping_method li.opt .woo-bg-econt-address-details input.input-text,
#shipping_method li.opt .woo-bg-additional-fields input.input-text {
  box-sizing: border-box; width: 100%; height: 40px; padding: 0 10px;
  border: 1px solid var(--line); border-radius: 6px;
  font-family: inherit; font-size: 14px; color: var(--brown); background: #fff;
  outline: none; transition: border-color .2s;
}
#shipping_method li.opt .woo-bg-econt-address-details input.input-text:focus,
#shipping_method li.opt .woo-bg-additional-fields input.input-text:focus { border-color: var(--rose); }
/* 5 колони от плъгина смачкват „Номер на улица" на тесен екран */
@media (max-width: 600px) {
  #shipping_method li.opt .woo-bg-econt-address-details { grid-template-columns: 1fr 1fr; }
}