/* ============================================
   Block: account-addresses — адреса доставки
   ============================================ */

.b-account-addresses {
  color: var(--text, #3B3437);
  font-family: 'Manrope', sans-serif;
}

.b-account-addresses__title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 22px;
}

.b-account-addresses__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Карточка адреса */

.b-account-addresses__card {
  background: var(--surface, #FDFBF7);
  border: 1px solid var(--line, #E4DCD2);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.b-account-addresses__card-head {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.b-account-addresses__tag {
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--lavender-soft, #E9E1EF);
  color: var(--accent, #6E5A7E);
  font-size: 12px;
  font-weight: 600;
}

.b-account-addresses__tag--default {
  background: var(--surface-2, #F1EBE2);
  color: var(--muted, #8A7F7A);
}

.b-account-addresses__text {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.6;
}

.b-account-addresses__comment {
  margin: 0 0 16px;
  font-size: 13px;
  color: var(--muted, #8A7F7A);
}

.b-account-addresses__actions {
  display: flex;
  gap: 16px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--line, #E4DCD2);
}

.b-account-addresses__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13px;
  color: var(--muted, #8A7F7A);
  cursor: pointer;
  transition: color .2s;
}

.b-account-addresses__action:hover {
  color: var(--accent, #6E5A7E);
}

.b-account-addresses__action--danger:hover {
  color: #A55555;
}

/* Кнопка добавления */

.b-account-addresses__add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 170px;
  border: 1px dashed var(--lavender, #B9A7C9);
  border-radius: 16px;
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--accent, #6E5A7E);
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

.b-account-addresses__add:hover {
  background: var(--lavender-soft, #E9E1EF);
  border-color: var(--accent, #6E5A7E);
}

.b-account-addresses__add-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--lavender-soft, #E9E1EF);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.b-account-addresses__add:hover .b-account-addresses__add-icon {
  background: var(--surface, #FDFBF7);
}

@media (max-width: 768px) {
  .b-account-addresses__grid {
    grid-template-columns: 1fr;
  }
}